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 22 Javascript
不安全的常用的js写法
Sep 15 Javascript
Js获取事件对象代码
Aug 05 Javascript
javascript中xml操作实现代码
Nov 21 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 Javascript
jQuery源码分析之Callbacks详解
Mar 13 Javascript
详解AngularJS中自定义指令的使用
Jun 17 Javascript
js读取并解析JSON类型数据的方法
Nov 14 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
Dec 22 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
Dec 01 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
如何在JavaScript中优雅的提取循环内数据详解
Mar 04 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中获取变量的变量名的一段代码的bug分析
2011/07/07 PHP
PHP中读取文件的8种方法和代码实例
2014/08/05 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
PHP的PDO事务与自动提交
2019/01/24 PHP
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
2010/06/19 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
2012/12/27 Javascript
javascript 函数及作用域总结介绍
2013/11/12 Javascript
js实现div闪烁原理及实现代码
2014/06/24 Javascript
javascript正则表达式定义(语法)总结
2016/01/08 Javascript
关于JS中的方法是否加括号的问题
2016/07/27 Javascript
Bootstrap中点击按钮后变灰并显示加载中实例代码
2016/09/23 Javascript
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
2017/01/05 Javascript
简单谈谈Javascript函数中的arguments
2017/02/09 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
利用n工具轻松管理Node.js的版本
2017/04/21 Javascript
详解cordova打包成webapp的方法
2017/10/18 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
2018/05/08 Javascript
element-ui中select组件绑定值改变,触发change事件方法
2018/08/24 Javascript
JS 实现微信扫一扫功能
2018/09/14 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
Layui Table js 模拟选中checkbox的例子
2019/09/03 Javascript
js实现html滑动图片拼图验证
2020/06/24 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
2020/07/15 Javascript
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
2020/12/04 Vue.js
Python使用django获取用户IP地址的方法
2015/05/11 Python
Python实现批量转换文件编码的方法
2015/07/28 Python
Python的几个高级语法概念浅析(lambda表达式闭包装饰器)
2016/05/28 Python
python 集合 并集、交集 Series list set 转换的实例
2018/05/29 Python
Python使用sax模块解析XML文件示例
2019/04/04 Python
银行实习生自我鉴定范文
2013/09/19 职场文书
自动一体化专业求职信
2014/03/15 职场文书
副乡长民主生活会个人对照检查材料思想汇报
2014/10/01 职场文书
3.15消费者权益日活动总结
2015/02/09 职场文书
防溺水主题班会教案
2015/08/12 职场文书
python 自动刷新网页的两种方法
2021/04/20 Python
Redis高级数据类型Hyperloglog、Bitmap的使用
2021/05/24 Redis