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 API学Jquery之一 选择器
Apr 07 Javascript
jquery+json 通用三级联动下拉列表
Apr 19 Javascript
jquery获取div宽度的实现思路与代码
Jan 13 Javascript
jquery弹出层类代码分享
Dec 27 Javascript
file控件选择上传文件确定后触发的js事件是哪个
Mar 17 Javascript
微信小程序 网络请求(post请求,get请求)
Jan 17 Javascript
bootstrap weebox 支持ajax的模态弹出框
Feb 23 Javascript
Angular浏览器插件Batarang介绍及使用
Feb 07 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
Aug 12 Javascript
详解vue-cli 2.0配置文件(小结)
Jan 14 Javascript
Koa从零搭建到Api实现项目的搭建方法
Jul 30 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
Nov 12 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
在数据量大(超过10万)的情况下
2007/01/15 PHP
php验证手机号码(支持归属地查询及编码为UTF8)
2013/02/01 PHP
PHP数组循环操作详细介绍 附实例代码
2013/02/03 PHP
php树型类实例
2014/12/05 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
jQuery中slideUp()方法用法分析
2014/12/24 Javascript
jQuery取消ajax请求的方法
2015/06/09 Javascript
node.js实现爬虫教程
2020/08/25 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
2016/05/25 Javascript
利用Jquery队列实现根据输入数量显示的动画
2016/09/01 Javascript
AngularJS 过滤与排序详解及实例代码
2016/09/14 Javascript
基于JQuery实现的跑马灯效果(文字无缝向上翻动)
2016/12/02 Javascript
node.js入门学习之url模块
2017/02/25 Javascript
jQuery简单实现遍历单选框的方法
2017/03/06 Javascript
canvas实现弧形可拖动进度条效果
2017/05/11 Javascript
使用InstantClick.js让页面提前加载200ms
2017/09/12 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
2019/05/10 Javascript
mpvue实现小程序签到金币掉落动画(api实现)
2019/10/17 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
2019/11/06 Javascript
Vue中错误图片的处理的实现代码
2019/11/07 Javascript
小程序中设置缓存过期的实现方法
2020/01/14 Javascript
python批量替换页眉页脚实例代码
2018/01/22 Python
python3 tkinter实现添加图片和文本
2019/11/26 Python
基于Python脚本实现邮件报警功能
2020/05/20 Python
Python多分支if语句的使用
2020/09/03 Python
安装并免费使用Pycharm专业版(学生/教师)
2020/09/24 Python
css3实现可拖动的魔方3d效果
2019/05/07 HTML / CSS
培训讲师岗位职责
2014/04/13 职场文书
企业文化演讲稿
2014/05/20 职场文书
青年文明号汇报材料
2014/12/23 职场文书
单位实习鉴定评语
2015/01/04 职场文书
2015年电信员工工作总结
2015/05/26 职场文书
运动会宣传稿100字
2015/07/23 职场文书
解析Redis Cluster原理
2021/06/21 Redis
「回转企鹅罐」10周年纪念展「輪るピングドラム展」海报公开
2022/03/22 日漫
Android studio 简单计算器的编写
2022/05/20 Java/Android