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验证只能输入数字和一个小数点示例
Oct 21 Javascript
JavaScript中的style.cssText使用教程
Nov 06 Javascript
详谈javascript中DOM的基本属性
Feb 26 Javascript
jquery实现简单的自动播放幻灯片效果
Jun 13 Javascript
javascript性能优化之事件委托实例详解
Dec 12 Javascript
学习JavaScript鼠标响应事件
Dec 25 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
Oct 20 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
一次围绕setTimeout的前端面试经验分享
Jun 15 Javascript
JS鼠标滚动分页效果示例
Jul 05 Javascript
Vue中的字符串模板的使用
May 17 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开发入门教程之面向对象
2006/12/05 PHP
laravel 实现用户登录注销并限制功能
2019/10/24 PHP
Nigma vs Liquid BO3 第一场2.14
2021/03/10 DOTA
javascript加号&quot;+&quot;的二义性说明
2013/03/04 Javascript
按Enter键触发事件的jquery方法实现代码
2014/02/17 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
2016/05/27 Javascript
JS实现图片剪裁并预览效果
2016/08/12 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
如何提高数据访问速度
2016/12/26 Javascript
iscroll.js滚动加载实例详解
2017/07/18 Javascript
详解express与koa中间件模式对比
2017/08/07 Javascript
解决Layui数据表格中checkbox位置不居中的方法
2018/08/15 Javascript
微信小程序云开发 搭建一个管理小程序
2019/05/17 Javascript
深入解析koa之异步回调处理
2019/06/17 Javascript
原生js实现抽奖小游戏
2019/06/27 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
Webpack的Loader和Plugin的区别
2020/11/09 Javascript
pyqt和pyside开发图形化界面
2014/01/22 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
python的numpy模块安装不成功简单解决方法总结
2017/12/23 Python
儿童学习python的一些小技巧
2018/05/27 Python
Python 串口通信的实现
2020/09/29 Python
Python eval函数原理及用法解析
2020/11/14 Python
如何用Python编写一个电子考勤系统
2021/02/08 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
印度尼西亚在线时尚购物网站:ZALORA印尼
2016/08/02 全球购物
网站客服岗位职责
2014/04/05 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
化学教育专业自荐信
2014/07/04 职场文书
六年级学生评语大全
2014/12/26 职场文书
2015年中学总务处工作总结
2015/07/22 职场文书
退休劳动合同怎么写?
2019/10/25 职场文书
phpQuery解析HTML乱码问题(补充官网未列出的乱码解决方案)
2021/04/01 PHP
Java 常见的限流算法详细分析并实现
2022/04/07 Java/Android
安装harbor作为docker镜像仓库的问题
2022/06/14 Servers