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 相关文章推荐
9个javascript语法高亮插件 推荐
Jul 18 Javascript
extjs 04_grid 单击事件新发现
Nov 27 Javascript
jQuery选择器及jquery案例详解(必看)
May 20 Javascript
用JS动态改变表单form里的action值属性的两种方法
May 25 Javascript
详解angular 中的自定义指令之详解API
Jun 20 Javascript
js编写简单的聊天室功能
Aug 17 Javascript
Mac中安装nvm的教程分享
Dec 11 Javascript
jQuery进阶实践之利用最优雅的方式如何写ajax请求
Dec 20 jQuery
Vue动态获取width的方法
Aug 22 Javascript
详解vue-cli+element-ui树形表格(多级表格折腾小计)
Apr 17 Javascript
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
Aug 01 Javascript
Javascript作用域和作用域链原理解析
Mar 03 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
ThinkPHP3.1基础知识快速入门
2014/06/19 PHP
PHP中iconv函数转码时截断字符问题的解决方法
2015/01/21 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
php精确的统计在线人数的方法
2015/10/21 PHP
PHP实现二维数组中的查找算法小结
2018/06/09 PHP
让Firefox支持event对象实现代码
2009/11/07 Javascript
在JQuery dialog里的服务器控件 事件失效问题
2010/12/08 Javascript
JS 自定义带默认值的函数
2011/07/21 Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
2015/08/06 Javascript
jquery衣服颜色选取插件效果代码分享
2015/08/28 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
通用无限极下拉菜单的实现代码
2016/05/31 Javascript
前端分页功能的实现以及原理(jQuery)
2017/01/22 Javascript
详解express与koa中间件模式对比
2017/08/07 Javascript
nodejs中art-template模板语法的引入及冲突解决方案
2017/11/07 NodeJs
Node.js一行代码实现静态文件服务器的方法步骤
2019/05/07 Javascript
vue中的mescroll搜索运用及各种填坑处理
2019/10/30 Javascript
[01:22:10]Ti4 循环赛第二日 DK vs Empire
2014/07/11 DOTA
Python 字符串中的字符倒转
2008/09/06 Python
Python对两个有序列表进行合并和排序的例子
2014/06/13 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
为什么Python中没有&quot;a++&quot;这种写法
2018/11/27 Python
python实现AES加密和解密
2019/03/27 Python
Opencv-Python图像透视变换cv2.warpPerspective的示例
2019/04/11 Python
用pycharm开发django项目示例代码
2019/06/13 Python
pytorch多进程加速及代码优化方法
2019/08/19 Python
Python使用selenium + headless chrome获取网页内容的方法示例
2019/10/16 Python
详解使用HTML5的classList属性操作CSS类
2017/10/13 HTML / CSS
html5视频播放_动力节点Java学院整理
2017/07/13 HTML / CSS
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
博士生入学考试推荐信
2013/11/17 职场文书
电气工程师岗位职责
2015/02/12 职场文书
2016年“5.12”护士节致辞
2015/07/31 职场文书
疑《守望先锋2》A测截图泄露 或将推出新模式、新界面
2022/04/03 其他游戏
我的收音机情缘
2022/04/05 无线电
 python中的元类metaclass详情
2022/05/30 Python