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 相关文章推荐
jquery validate在ie8下的bug解决方法
Nov 13 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
Jul 27 Javascript
js定义类的几种方法(推荐)
Jun 08 Javascript
深入分析javascript中的错误处理机制
Jul 17 Javascript
深入浅析JS Function()构造函数
Aug 22 Javascript
webpack入门+react环境配置
Feb 08 Javascript
jQuery选择器之表单元素选择器详解
Sep 19 jQuery
详解webpack4升级指南以及从webpack3.x迁移
Jun 12 Javascript
JS中DOM元素的attribute与property属性示例详解
Sep 04 Javascript
vue 组件开发原理与实现方法详解
Nov 29 Javascript
用js编写留言板
Mar 17 Javascript
JavaScript监听一个DOM元素大小变化
Apr 26 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开启安全模式后禁用的函数集合
2011/06/26 PHP
php中异常处理方法小结
2015/01/09 PHP
php定义一个参数带有默认值的函数实例分析
2015/03/16 PHP
CentOS下PHP7的编译安装及MySQL的支持和一些常见问题的解决办法
2015/12/17 PHP
PHP实现查询手机归属地的方法详解
2017/04/28 PHP
十分钟打造AutoComplete自动完成效果代码
2009/12/26 Javascript
javascript事件处理模型实例说明
2016/05/31 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
2016/10/26 Javascript
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
2017/05/24 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
2018/08/10 Javascript
uni-app之APP和小程序微信授权方法
2019/05/09 Javascript
详解 微信小程序开发框架(MINA)
2019/05/17 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
2019/09/03 Javascript
ionic2.0双击返回键退出应用
2019/09/17 Javascript
jquery更改元素属性attr()方法操作示例
2020/05/22 jQuery
解决vue项目中某一页面不想引用公共组件app.vue的问题
2020/08/14 Javascript
Python代码实现KNN算法
2017/12/20 Python
Python 3.x 判断 dict 是否包含某键值的实例讲解
2018/07/06 Python
Django实现跨域请求过程详解
2019/07/25 Python
python实现猜数字游戏
2020/03/25 Python
基于plt.title无法显示中文的快速解决
2020/05/16 Python
python利用递归方法实现求集合的幂集
2020/09/07 Python
pytorch简介
2020/11/11 Python
苹果香港官方商城:Apple香港
2016/09/14 全球购物
YSL圣罗兰美妆俄罗斯官网:Yves Saint Lauret RU
2020/09/23 全球购物
护士自我鉴定
2013/10/23 职场文书
汽车专业毕业生自荐信
2013/11/03 职场文书
优质护理服务演讲稿
2014/05/07 职场文书
奥林匹克的口号
2014/06/13 职场文书
2014高中生入党思想汇报范文
2014/09/13 职场文书
2014年保险业务员工作总结
2014/12/23 职场文书
2015年行政人事工作总结
2015/05/21 职场文书
三八节活动简报
2015/07/20 职场文书
div与span之间的区别与使用介绍
2021/12/06 HTML / CSS
Go web入门Go pongo2模板引擎
2022/05/20 Golang