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 相关文章推荐
JSQL 批量图片切换的实现代码
May 05 Javascript
js实现双向链表互联网机顶盒实战应用实现
Oct 28 Javascript
JavaScript(js)设置默认输入焦点(focus)
Dec 28 Javascript
基于jquery插件实现常见的幻灯片效果
Nov 01 Javascript
jQuery类选择器用法实例
Dec 23 Javascript
前端js实现文件的断点续传 后端PHP文件接收
Oct 14 Javascript
JSON与js对象序列化实例详解
Mar 16 Javascript
各种选择框jQuery的选中方法(实例讲解)
Jun 27 jQuery
Webpack打包字体font-awesome的方法示例
Apr 26 Javascript
在vue项目中集成graphql(vue-ApolloClient)
Sep 08 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
Dec 09 Javascript
如何构建 vue-ssr 项目的方法步骤
Aug 04 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数字转汉字代码(算法)
2011/10/08 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
PHP根据图片色界在不同位置加水印的方法
2015/07/01 PHP
PHP单例模式详解及实例代码
2016/12/21 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
2008/11/24 Javascript
浏览器解析js生成的html出现样式问题的解决方法
2012/04/16 Javascript
javascript使用isNaN()函数判断变量是否为数字
2013/09/21 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
一个简单的jQuery计算器实现了连续计算功能
2014/07/21 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
Jquery和Js获得元素标签名称的方法总结
2016/10/08 Javascript
jQuery UI仿淘宝搜索下拉列表功能
2017/01/10 Javascript
详解node.js平台下Express的session与cookie模块包的配置
2017/04/26 Javascript
jQuery实现全选、反选和不选功能
2017/08/16 jQuery
angular1配合gulp和bower的使用教程
2018/01/19 Javascript
小程序云开发实战小结
2018/10/25 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
2019/02/21 Javascript
一文看懂如何简单实现节流函数和防抖函数
2019/09/05 Javascript
基于elementUI竖向表格、和并列的案例
2020/10/26 Javascript
NodeJS模块Buffer原理及使用方法解析
2020/11/11 NodeJs
[02:40]DOTA2英雄基础教程 巨牙海民
2013/12/23 DOTA
Python中安装easy_install的方法
2018/11/18 Python
Python 分享10个PyCharm技巧
2019/07/13 Python
Python安装OpenCV的示例代码
2020/03/05 Python
django 实现简单的插入视频
2020/04/07 Python
Python3 webservice接口测试代码详解
2020/06/23 Python
Django模型验证器介绍与源码分析
2020/09/08 Python
Python制作运行进度条的实现效果(代码运行不无聊)
2021/02/24 Python
Kate Spade美国官网:纽约新兴时尚品牌,以包包闻名于世
2017/11/09 全球购物
积极贯彻学习两会精神总结
2014/03/17 职场文书
六一儿童节主持词
2014/03/21 职场文书
通信工程求职信
2014/07/16 职场文书
求职自我评价范文100字
2014/09/23 职场文书
优秀教师先进材料
2014/12/16 职场文书
MySQL创建定时任务
2022/01/22 MySQL