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 26 Javascript
javaScript checkbox 全选/反选及批量删除
Apr 28 Javascript
JS面向对象编程浅析
Aug 28 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
jquery选择器简述
Aug 31 Javascript
FullCalendar日历插件应用之数据展现(一)
Dec 23 Javascript
D3.js进阶系列之CSV表格文件的读取详解
Jun 06 Javascript
vue单页应用加百度统计代码(亲测有效)
Jan 31 Javascript
vue+axios 前端实现的常用拦截的代码示例
Aug 23 Javascript
用JS实现选项卡
Mar 23 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 Javascript
JS中箭头函数与this的写法和理解
Jan 14 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中session_unset与session_destroy的区别分析
2011/06/16 PHP
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
jquery实现效果比较好的table选中行颜色
2014/03/25 Javascript
一个支付页面DEMO附截图
2014/07/22 Javascript
js实现时间显示几天前、几小时前或者几分钟前的方法集锦
2015/05/29 Javascript
JavaScript中document.referrer的用法详解
2017/07/04 Javascript
JavaScript使用Ajax上传文件的示例代码
2017/08/10 Javascript
vue如何将v-for中的表格导出来
2018/05/07 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
2018/09/21 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
JS精确判断数据类型代码实例
2019/12/18 Javascript
Vue+Vuex实现自动登录的知识点详解
2020/03/04 Javascript
微信小程序吸底区域适配iPhoneX的实现
2020/04/09 Javascript
[04:45]DOTA2上海特级锦标赛主赛事第四日RECAP
2016/03/06 DOTA
使用Python生成url短链接的方法
2015/05/04 Python
利用python代码写的12306订票代码
2015/12/20 Python
基于python的字节编译详解
2017/09/20 Python
python监控键盘输入实例代码
2018/02/09 Python
使用Python向DataFrame中指定位置添加一列或多列的方法
2019/01/29 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
python excel转换csv代码实例
2019/08/26 Python
解决Python中回文数和质数的问题
2019/11/24 Python
Jupyter notebook运行Spark+Scala教程
2020/04/10 Python
怎么快速自学python
2020/06/22 Python
详解Java中一维、二维数组在内存中的结构
2021/02/11 Python
某公司的.net工程师面试题笔试题
2013/11/22 面试题
机械工程系毕业生求职信
2013/09/27 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
2014年个人教学工作总结
2014/12/09 职场文书
匿名检举信范文
2015/03/02 职场文书
道歉信范文
2015/05/12 职场文书
《最后一头战象》教学反思
2016/02/16 职场文书
JavaScript实现酷炫的鼠标拖尾特效
2022/02/18 Javascript
Java 常见的限流算法详细分析并实现
2022/04/07 Java/Android