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 相关文章推荐
Extjs学习笔记之二 初识Extjs之Form
Jan 07 Javascript
jQuery创建插件的代码分析
Apr 14 Javascript
JavaScript框架(iframe)操作总结
Apr 16 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
Javascript 多物体运动的实现
Dec 24 Javascript
js实现打地鼠小游戏
Feb 13 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
ionic 自定义弹框效果
Jun 27 Javascript
vue指令只能输入正数并且只能输入一个小数点的方法
Jun 08 Javascript
Angular Material Icon使用详解
Nov 07 Javascript
layui button 按钮弹出提示窗口,确定才进行的方法
Sep 06 Javascript
微信小程序复选框实现多选一功能过程解析
Feb 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 静态变量的初始化
2009/11/15 PHP
PHP中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
php使用curl简单抓取远程url的方法
2015/03/13 PHP
PHP用户注册邮件激活账户的实现代码
2017/05/31 PHP
php实现大文件断点续传下载实例代码
2019/10/01 PHP
JS 拼图游戏 面向对象,注释完整。
2009/06/18 Javascript
事件模型在各浏览器中存在差异
2010/10/20 Javascript
Dom操作之兼容技巧分享
2011/09/20 Javascript
js去除重复字符串两种实现方法
2013/01/09 Javascript
jQuery实现响应浏览器缩放大小并改变背景颜色
2014/10/31 Javascript
极力推荐10个短小实用的JavaScript代码段
2016/08/03 Javascript
详解vue+vueRouter+webpack的简单实例
2017/06/17 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
2017/12/19 Javascript
原生JavaScript实现todolist功能
2018/03/02 Javascript
微信小程序 button样式设置为图片的方法
2020/06/19 Javascript
vue+springboot+element+vue-resource实现文件上传教程
2020/10/21 Javascript
vue + el-form 实现的多层循环表单验证
2020/11/25 Vue.js
[48:00]EG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/29 DOTA
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
详解Python:面向对象编程
2019/04/10 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
python实现简单日志记录库glog的使用
2019/12/13 Python
python线程join方法原理解析
2020/02/11 Python
Python函数生成器原理及使用详解
2020/03/12 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
基于opencv的selenium滑动验证码的实现
2020/07/24 Python
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
家长给小学生的评语
2014/01/30 职场文书
文字自荐书范文
2014/02/10 职场文书
公司口号大全
2014/06/11 职场文书
本科毕业生应聘自荐信范文
2014/06/26 职场文书
党员学习正风肃纪思想汇报
2014/09/12 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
Python音乐爬虫完美绕过反爬
2021/08/30 Python