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处理DOM元素事件实现代码
May 23 Javascript
javascript object array方法使用详解
Dec 03 Javascript
jquery拖动插件(jquery.drag)使用介绍
Jun 18 Javascript
js实现精美的图片跟随鼠标效果实例
May 16 Javascript
javascript实现全角半角检测的方法
Jul 23 Javascript
JavaScript实现自动对页面上敏感词进行屏蔽的方法
Jul 27 Javascript
简单谈谈Javascript中类型的判断
Oct 19 Javascript
JQuery的Pager分页器实现代码
May 03 Javascript
JavaScript中两个字符串的匹配
Jun 08 Javascript
浅谈js算法和流程控制
Dec 29 Javascript
仿淘宝JSsearch搜索下拉深度用法
Jan 15 Javascript
layui下拉框获取下拉值(select)的例子
Sep 10 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
ADODB结合SMARTY使用~超级强
2006/11/25 PHP
PHP 编写的 25个游戏脚本
2009/05/11 PHP
谈谈关于php的优点与缺点
2013/04/11 PHP
php实现图片添加水印功能
2014/02/13 PHP
PHPstorm快捷键(分享)
2017/07/17 PHP
ExtJS TabPanel beforeremove beforeclose使用说明
2010/03/31 Javascript
jquery中对表单的基本操作代码
2010/07/29 Javascript
javascript下利用arguments实现string.format函数
2010/08/24 Javascript
js判断输入是否为正整数、浮点数等数字的函数代码
2010/11/17 Javascript
引用 js在IE与FF之间的区别详细解析
2013/11/20 Javascript
js实现网页自动刷新可制作节日倒计时效果
2014/05/27 Javascript
JS中实现简单Formatter函数示例代码
2014/08/19 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
node.js中的fs.renameSync方法使用说明
2014/12/16 Javascript
详解JavaScript数组和字符串中去除重复值的方法
2016/03/07 Javascript
微信小程序 action-sheet底部菜单详解
2016/10/27 Javascript
String字符串截取的四种方式总结
2016/11/28 Javascript
详解vue与后端数据交互(ajax):vue-resource
2017/03/16 Javascript
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
Python 面试中 8 个必考问题
2018/11/16 Python
python批量修改ssh密码的实现
2019/08/08 Python
Django中使用haystack+whoosh实现搜索功能
2019/10/08 Python
python调用HEG工具批量处理MODIS数据的方法及注意事项
2020/02/18 Python
Python项目打包成二进制的方法
2020/12/30 Python
Python字符串的15个基本操作(小结)
2021/02/03 Python
Html5之svg可缩放矢量图形_动力节点Java学院整理
2017/07/17 HTML / CSS
高级运动鞋:GREATS
2019/07/19 全球购物
Java基础知识面试题
2014/03/25 面试题
人事文员岗位职责
2014/02/16 职场文书
授权委托书怎么写
2014/04/03 职场文书
出国留学计划书
2014/04/27 职场文书
2015年六一儿童节活动总结
2015/02/11 职场文书
2015年安全保卫工作总结
2015/05/14 职场文书
运动会加油稿50字
2015/07/21 职场文书
事业单位工作人员2015年度思想工作总结
2015/10/15 职场文书
学者《孟子》名人名言
2019/08/09 职场文书