JavaScript脚本语言在网页中的简单应用


Posted in Javascript onMay 13, 2007

一、JavaScript脚本语言的特性 
JavaScript脚本语言是一种面向浏览器的网页脚本编程语言。脚本语言有以下几个特性: 
1、在客户端执行。完全在用户的计算机上运行,无须经过服务器。 
2、面向对象。具有内置对象,也可以直接操作浏览器对象。 
3、动态变化。可以对用户的输入作出反应,也可以直接对用户输出。 
4、简单易用。JavaScript脚本语言虽然简单,但初学者也能快速掌握。 
5、只能与HTML语言一起使用。要通过浏览器解释执行。

二、如何在HTML中加入JavaScript脚本 

JavaScript采用的格式如下: 
<Script Language="JavaScript"> 
JavaScript 语句 
</Script> 
把上述语句放在HTML的<head>与</head>之间,也可放在<body>与</body>之间。 
例子:在网页上显示“你好!”。 
<html> 
<body> 
<Script Language="JavaScript"> 
alert("你好!") 
</script> 
</body> 
</html> 

三、在浏览器地址栏直接执行JavaScript脚本 

也可以在浏览器的地址栏中输入JavaScript语句,由浏览器直接执行。 
如输入:javascript:alert(200*75) 
四、调用JavaScript文件 

可以将纯JavaScript的语句另外保存在一个"*.js"的文件中,需要时再调用。 

例子:调用test.js文件,显示提示。 
<html> 
<body> 
调用test.js文件 
<script language="JavaScript" src="test.js"> 
</script> 
</body> 
</html> 
test.js的文件内容如下: 
alert("这是被调用的语句。") 

五、注释语句 

用<!- ... ->表示注解部分,用作说明解释,浏览器不显示出来。不要也可以。 
另外,双斜线 "//" ,是JavaScript 的注释语句,它后面的语句不被执行。 

六、变量的使用 

变量的声明:Var usename 
变量的赋值:usename="李国强" 
例子:在网页上显示“李国强你好!”。 
<html> 
<body> 
<Script Language="JavaScript"> 
Var usename 
usename="芜园" 
alert(usename + "您好!") 
</script> 
</body> 
</html> 

七、数组 

数组的定义:var name=new Array(5) 用 new 来生成数组。 
数组的赋值:name[1]="Marry" 
数组的初始化:var name=new Array("Marry","Petty","Mike","Jphn") 
数组的引用:name[1] 

注:数组的第一个素由1开始。 

八、运算符与表达式 

1、代数运算符:加(+)、减(-)、乘(*)、除(/)、取余(%)。 
2、比较运算符:等于(==)、不等于(!=)、大于(>)、小于(<)、大于等于(>=)、小于等于(<=)。 
3、逻辑运算符:逻辑与(&&)、逻辑或(||)、逻辑非(!)。 
表达式:由变量和运算符组成的式子。如:usename + "你好!" 

Javascript 相关文章推荐
Ajax::prototype 源码解读
Jan 22 Javascript
jquery 删除cookie失效的解决方法
Nov 12 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
Nov 06 Javascript
Node.js连接postgreSQL并进行数据操作
Dec 18 Javascript
微信小程序 表单Form实例详解(附源码)
Dec 22 Javascript
jQuery实现的背景颜色渐变动画效果示例
Mar 24 jQuery
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
May 02 Javascript
Vue组件之极简的地址选择器的实现
May 31 Javascript
在vue中安装使用vux的教程详解
Sep 16 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
Nov 13 Javascript
JavaScript实现京东放大镜效果
Dec 03 Javascript
详解Vue2的diff算法
Jan 06 Vue.js
编辑浪子版表单验证类
May 12 #Javascript
textContent在Firefox下与innerText等效的属性
May 12 #Javascript
关于__defineGetter__ 和__defineSetter__的说明
May 12 #Javascript
JavaScript Archive Network 集合
May 12 #Javascript
(仅IE下有效)关于checkbox 三态
May 12 #Javascript
弹出广告特效代码(一个IP只弹出一次)
May 11 #Javascript
模拟用户操作Input元素,不会触发相应事件
May 11 #Javascript
You might like
PHP判断指定时间段的2个方法
2014/03/14 PHP
thinkphp中html:list标签传递多个参数实例
2014/10/30 PHP
php curl中gzip的压缩性能测试实例分析
2016/11/08 PHP
jquery ready函数源代码研究
2009/12/06 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
2016/01/06 Javascript
jquery对象和DOM对象的任意相互转换
2016/02/21 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
2016/04/14 Javascript
jQuery代码性能优化的10种方法
2016/06/21 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
2017/01/18 Javascript
JavaScript中匿名函数的递归调用
2017/01/22 Javascript
JS仿JQuery选择器功能
2017/03/08 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
JavaScript实现图片切换效果
2017/08/12 Javascript
用node开发并发布一个cli工具的方法步骤
2019/01/03 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
分享15个最受欢迎的Python开源框架
2014/07/13 Python
Python 40行代码实现人脸识别功能
2017/04/02 Python
Python初学时购物车程序练习实例(推荐)
2017/08/08 Python
利用Python将每日一句定时推送至微信的实现方法
2018/08/13 Python
NumPy 数组使用大全
2019/04/25 Python
解决python flask中config配置管理的问题
2019/07/26 Python
Python测试模块doctest使用解析
2019/08/10 Python
Python argparse模块应用实例解析
2019/11/15 Python
利用python 读写csv文件
2020/09/10 Python
python多线程和多进程关系详解
2020/12/14 Python
举例详解CSS3中的Transition
2015/07/15 HTML / CSS
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
2014/11/05 HTML / CSS
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
意大利网上书店:LaFeltrinelli
2020/06/12 全球购物
男方父母婚礼答谢词
2014/01/25 职场文书
给校长的建议书600字
2014/05/15 职场文书
妇产科护理心得体会
2016/01/22 职场文书
创业计划书之校园跑腿公司
2019/09/24 职场文书
《帝国时代4》赛季预告 新增内容编译器可创造地图
2022/04/03 其他游戏