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 相关文章推荐
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
让图片旋转任意角度及JQuery插件使用介绍
Mar 20 Javascript
js判断文本框输入的内容是否为数字
Dec 23 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 Javascript
jQuery基于ajax操作json数据简单示例
Jan 05 Javascript
Javascript中return的使用与闭包详解
Jan 11 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
Nov 20 Javascript
node静态服务器实现静态读取文件或文件夹
Dec 03 Javascript
在Webpack中用url-loader处理图片和字体的问题
Apr 28 Javascript
JS array数组检测方式解析
May 19 Javascript
Vue前端判断数据对象是否为空的实例
Sep 02 Javascript
vue首次渲染全过程
Apr 21 Vue.js
编辑浪子版表单验证类
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简单操作mysql数据库的类
2015/04/16 PHP
在Mac上编译安装PHP7的开发环境
2015/07/28 PHP
PHP模拟asp.net的StringBuilder类实现方法
2015/08/08 PHP
分享10段PHP常用代码
2015/11/11 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
浅析php如何实现爬取数据原理
2018/09/27 PHP
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
2010/04/13 Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
2012/05/23 Javascript
Jquery 选中表格一列并对表格排序实现原理
2012/12/15 Javascript
css结合js制作下拉菜单示例代码
2014/02/27 Javascript
修复bash漏洞的shell脚本分享
2014/12/31 Javascript
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
2015/01/29 Javascript
Javascript技术栈中的四种依赖注入详解
2016/02/23 Javascript
ionic cordova一次上传多张图片(类似input file提交表单)的实现方法
2016/12/16 Javascript
js实现随机数字字母验证码
2017/06/19 Javascript
iview给radio按钮组件加点击事件的实例
2017/09/30 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
2017/11/17 Javascript
vue中eventbus被多次触发以及踩过的坑
2017/12/02 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
微信小程序定义和调用全局变量globalData的实现
2019/11/01 Javascript
鸿蒙系统中的 JS 开发框架
2020/09/18 Javascript
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
Python的垃圾回收机制深入分析
2014/07/16 Python
Python编程中用close()方法关闭文件的教程
2015/05/24 Python
python中异常捕获方法详解
2017/03/03 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
python 字符串常用方法汇总详解
2019/09/16 Python
医院义诊活动总结
2014/07/04 职场文书
工作证明英文模板
2014/10/21 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
服装区域经理岗位职责
2015/04/10 职场文书
公司员工手册范本
2015/05/14 职场文书
婚宴致辞
2015/07/28 职场文书
iPhone13将有八大升级
2021/04/15 数码科技
常用的MongoDB查询语句的示例代码
2021/07/25 MongoDB