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 confirm选择判断
Oct 18 Javascript
JQuery的一些小应用收集
Mar 27 Javascript
javascript中的对象创建 实例附注释
Feb 08 Javascript
javascript 在firebug调试时用console.log的方法
May 10 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 Javascript
jQuery简单图表peity.js使用示例
May 02 Javascript
JavaScript基本的输出和嵌入式写法教程
Oct 20 Javascript
JS 数字转换为大写金额的简单实例
Aug 04 Javascript
总结JavaScript的正则与其他语言的不同之处
Aug 25 Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 Javascript
three.js加载obj模型的实例代码
Nov 10 Javascript
微信小程序基础教程之worker线程的使用方法
Jul 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
PHP n个不重复的随机数生成代码
2009/06/23 PHP
PHP第一季视频教程(李炎恢+php100 不断更新)
2011/05/29 PHP
php 修改、增加xml结点属性的实现代码
2013/10/22 PHP
PHP动态输出JavaScript代码实例
2015/02/12 PHP
使用JavaScript switch case 另类写法
2010/03/14 Javascript
js里的prototype使用示例
2010/11/19 Javascript
JSON辅助格式化处理方法
2013/03/26 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
angular+bootstrap的双向数据绑定实例
2017/03/03 Javascript
判断颜色是否合法的正则表达式(详解)
2017/05/03 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
2019/09/17 Javascript
vue 指令和过滤器的基本使用(品牌管理案例)
2019/11/04 Javascript
Vue 实现可视化拖拽页面编辑器
2021/02/01 Vue.js
[43:36]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python的Django框架下管理站点的基本方法
2015/07/17 Python
Python实现Sqlite将字段当做索引进行查询的方法
2016/07/21 Python
python Crypto模块的安装与使用方法
2017/12/21 Python
Python yield与实现方法代码分析
2018/02/06 Python
[原创]Python入门教程4. 元组基本操作
2018/10/31 Python
Python神奇的内置函数locals的实例讲解
2019/02/22 Python
python基于递归解决背包问题详解
2019/07/03 Python
python之PyQt按钮右键菜单功能的实现代码
2019/08/17 Python
Python Numpy库常见用法入门教程
2020/01/16 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
Expedia加拿大官方网站:加拿大最大的在线旅游提供商
2017/12/31 全球购物
For Art’s Sake官网:手工制作的奢华眼镜
2018/12/15 全球购物
奥地利度假券的专家:we-are.travel
2019/04/10 全球购物
Java里面如何把一个Array数组转换成Collection, List
2013/07/26 面试题
数据库专业英语
2012/11/30 面试题
亿阳信通股份有限公司C#笔试题
2016/12/06 面试题
捐款倡议书范文
2014/02/02 职场文书
2014乡镇干部纪律作风整顿思想汇报
2014/09/13 职场文书
教师师德工作总结2015
2015/07/22 职场文书