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 相关文章推荐
javascript基本语法分析说明
Jun 15 Javascript
js实现页面打印功能实例代码(附去页眉页脚功能代码)
Dec 15 Javascript
清空上传控件input file的值
Jul 03 Javascript
jQuery 开发者应该注意的9个错误
May 03 Javascript
jquery中EasyUI实现同步树
Mar 01 Javascript
JavaScript中的getMilliseconds()方法使用详解
Jun 10 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
Nov 28 Javascript
微信小程序进行微信支付的步骤昂述
Dec 01 Javascript
Bootstrap3 图片(响应式图片&amp;图片形状)
Jan 04 Javascript
JS实现微信摇一摇原理解析
Jul 22 Javascript
vue.js路由跳转详解
Aug 28 Javascript
解决微信小程序云开发中获取数据库的内容为空的方法
May 15 Javascript
编辑浪子版表单验证类
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+Ajax实现唯一校验实现代码[简单应用]
2011/11/29 PHP
基于PHP一些十分严重的缺陷详解
2013/06/03 PHP
php ajax confirm 删除实例详解
2019/03/06 PHP
JavaScript 不只是脚本
2007/05/30 Javascript
js 分栏效果实现代码
2009/08/29 Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
2011/07/11 Javascript
用Mootools获得操作索引的两种方法分享
2011/12/12 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
2015/01/22 Javascript
javascript笔记之匿名函数和闭包
2017/02/06 Javascript
微信小程序之购物车功能
2020/09/23 Javascript
原生js 封装get ,post, delete 请求的实例
2017/08/11 Javascript
微信小程序中this.data与this.setData的区别详解
2018/09/17 Javascript
微信小程序云开发实现增删改查功能
2019/05/17 Javascript
微信小程序使用蓝牙小插件
2019/09/23 Javascript
[01:45]DOTA2众星出演!DSPL刀塔次级职业联赛宣传片
2014/11/21 DOTA
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
详谈python read readline readlines的区别
2017/09/22 Python
使用虚拟环境打包python为exe 文件的方法
2019/08/29 Python
Python中six模块基础用法
2019/12/08 Python
Python3 实现减少可调用对象的参数个数
2019/12/20 Python
Python爬虫HTPP请求方法有哪些
2020/06/03 Python
python中把元组转换为namedtuple方法
2020/12/09 Python
python上下文管理器异常问题解决方法
2021/02/07 Python
canvas实现手机的手势解锁的步骤详细
2020/03/16 HTML / CSS
LACOSTE波兰官网:Polo衫、服装和鞋类
2020/09/29 全球购物
小学生保护环境倡议书
2014/05/15 职场文书
单位实习介绍信
2015/05/05 职场文书
2015年大学学生会工作总结
2015/05/13 职场文书
单位更名证明
2015/06/18 职场文书
政审证明范文
2015/06/19 职场文书
春节随笔
2015/08/15 职场文书
运动会200米广播稿
2015/08/19 职场文书
告诉你创业计划书的8个实用技巧
2019/07/12 职场文书
Go缓冲channel和非缓冲channel的区别说明
2021/04/25 Golang