JavaScript脚本语言在网页中的简单应用

一、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 + "你好！"

赞 (0)

相关推荐

  • JavaScript脚本语言在网页中的简单应用

    一.JavaScript脚本语言的特性  JavaScript脚本语言是一种面向浏览器的网页脚本编程语言.脚本语言有以下几个特性:  1.在客户端执行.完全在用户的计算机上运行,无须经过服务器.  2.面向对象.具有内置对象,也可以直接操作浏览器对象.  3.动态变化.可以对用户的输入作出反应,也可以直接对用户输出.  4.简单易用.JavaScript脚本语言虽然简单,但初学者也能快速掌握.  5.只能与HTML语言一起使用.要通过浏览器解释执行. 二.如何在HTML中加入JavaScript

  • Javascript脚本实现静态网页加密实例代码

    Javascript脚本实现静态网页加密,阅读Javascript脚本实现静态网页加密,前两天看见有人问静态网页加密问题,就写了这个代码思路:加密时:先把用户的密钥A用md5加密为B,然后用B异或源文件S0得到目标文件S1,把S1存入js变量中.解密时:询问密钥,然后操作同加密 前两天看见有人问静态网页加密问题,就写了这个代码 思路: 加密时:先把用户的密钥A用md5加密为B,然后用B异或源文件S0得到目标文件S1,把S1存入js变量中. 解密时:询问密钥,然后操作同加密. 因为用了md5,个人

  • JavaScript脚本语言是什么_动力节点Java学院整理

    JavaScript脚本语言是什么_动力节点Java学院整理

    JavaScript,也称ECMAScript,是一种基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言,同时也是一种广泛用于客户端Web开发的脚本语言. 最早是在HTML上使用的,用来给HTML网页添加动态功能,由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题及响应用户的各种操作,为客户提供更流畅的浏览效果.因为当时服务端需要对数据进行验证,由于网络速度相

  • 利用JavaScript脚本实现滚屏效果的方法

    许多制作网页的朋友常常制作公告板.信息窗,也经常为了实现整版页面和图像的滚屏显示而烦恼,不用着急,这里有一个简单的方法来实现滚屏显示.我们没有采用Java的.class程序来实现,也不是动态DHTML语言,只是充分地利用了JavaScript脚本语言的一些函数,写一些简短的JavaScript脚本语言就可实现这一功能. 原代码如下: <html> <head> <script language="Javascript"> <!--//防止错误显

  • javascript 在网页中的运用(asp.net)

    复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

  • 用JavaScript获取网页中的js、css、Flash等文件

    作者:马健邮箱:stronghorse@tom.com主页:http://stronghorse.yeah.net版本:1.01初始发布日期:2005.08.29最后更新日期:2005.09.28 目录一.前言二.从E书或网页中获取文件的一般步骤三.从E书或网页中获取链接进来的css文件四.从E书或网页中获取链接进来的js文件五.从E书或网页中获取Flash文件六.从E书或网页中获取背景音乐文件七.从E书中获取图像文件八.进入frame页面九.其它问题 一.前言 最近我又听到有人抱怨用miniK

  • ASP程序中常用的脚本语言

    在浏览器中通过查看源代码的方式是无法看到ASP源代码的,你只能看到由ASP文件输出的结果,而那些只是纯粹的HTML而已.这是因为,在结果被送回浏览器前,脚本已经在服务器执行了. 实例: 用ASP写文本 以下为引用的内容: <html> <body> <% response.write("Hello World!") %> </body> </html> 向文本添加HTML 以下为引用的内容: <html> <

  • 用AJAX返回HTML片段中的JavaScript脚本

    这是AJAX开发中很常见的问题,如果你不是一直在用JavaScript框架做开发,相信你早就发现这个问题了.本文分析了两个解决办法,其中一个是讲解jQuery框架的实现. 一. 问题描述 下面举个简单的例子,演示问题所在.在下面的例子中,假设变量responseText就是AJAX加载的HTML片段数据,其中包含脚本弹出一条消息,用innerHTML方法插入ID为ajaxData的DIV中,你可能期望看到弹出那个消息框,结果你发现没有,问题就是这样. 复制代码 代码如下: <div id="

  • 同一个网页中实现多个JavaScript特效的方法

    同一个网页中实现多个JavaScript特效的方法

    本文实例讲述了同一个网页中实现多个JavaScript特效的方法.分享给大家供大家参考.具体分析如下: 一般来说,在网页中,如果出现两次<script type="text/javascript"></script>标签,所有的JavaScipt脚本都不会再生效,只能出现一次<script type="text/javascript"></script>标签,但是,同一个网页中常常需要多个JavaScript特效. 一

  • 快速掌握WordPress中加载JavaScript脚本的方法

    在 WordPress 中加载脚本(为 CSS 和 JS,下同)文件,大多数人的做法是直接在 header.php 文件中添加 link 标签,或者把 link 标签通过 wp_head 钩子直接添加到 head 标签里,这种做法是不符合官方规范的. 标准的脚本加载方式应该是使用 WordPress 官方提供的函数(后边会说),统一标准有几个好处,首先就是更加安全和利于管理,其次是更加的方便快捷,而且不仅主题能挂载脚本,插件也可以,并且还能管理脚本,并且调整挂载顺序和位置和其它内容. 在哪个钩子

随机推荐