深入浅出之JavaScript脚本编程第四课
深入浅出之JavaScript脚本编程第四课
本节内容纲要:1、设置脚本语言的类型
2、引用外部的脚本文件
本套课程教学模式:
基础知识(实例前的准备)<========>实例演示(加深对基础知识的理解和认识)
============================================
一、设置脚本语言的类型
1.设置脚本语言的MIME
MIME最早应用于电子邮件系统,其目的是为了接收包括多媒体数据的电子邮件时,让邮件客户程序可以根据其类型进行处理,后来,MIME得到了HTTP协议的支持,可以在网络中传输各种多媒体数据。浏览器通过MIME来决定使用什么程序执行该数据,因此,指定脚本语言的MIME类型是一种比较科学的方法。
使用JavaScript
document.write("使用javascript输出文字");//注意是小写,大写是无法解析的
使用VBScript:
Document.write"welcome to https://www.360docs.net/doc/d517288367.html,"
使用JScript
document.write("welcome to https://www.360docs.net/doc/d517288367.html,");
Notice:type属性值"text/javascript"也可以写成“application/javascript”,不过有些浏览器不支持这种写法。
2.javascript如何兼容老版本的浏览器
虽然目前四大浏览器都支持script元素的type属性,但是一些老的浏览器还是只支持script的language属性,并不支持type属性。因此,网页开发者通常将language属
性和type属性同时使用,如下面的代码:
document.write("hello,welcome to https://www.360docs.net/doc/d517288367.html,");
3.在MIME中加入脚本语言的版本
在script元素的type属性中,也可以加入脚本语言的版本控制,加入的方法如下:
代码:
注意:在IE中不支持通过type属性设置version!
二、引用外部的脚本文件
Javascript除了可以直接嵌入HTML代码之外,还可以独立于HTML而存在,在HTML 可以通过script元素来引用外部的脚本文件。
1.引用外部脚本文件
引用外部脚本文件需要用到script元素的src属性,它的属性值为外部的一个脚本的URL,外部文件的URL可以是一个相对的地址,也可以是一个绝对的路径,
代码实例一、
3800hk.js
document.write("由外部JavaScript文件输出的文字
");
alert("黑鹰安全网欢迎您!");
使用外部文件与直接嵌入在HTML文件中JavaScript代码作用是相同的,但是它相对来说有很多优势:
1、简化HTML代码,将HTML代码中的JavaScript代码独立成外部文件,可以简化HTML 文档中的代码,让HTML代码看起来更直观,清楚。
2、编程模块化
3.代码易于维护
4.增加安全性
5.加速浏览
6.引用其他服务器上的脚本语言
2.在一个HTML文档中引用多个脚本外部脚本文件
一个外部脚本文件可以被多个HTML文档所引用,反之,一个HTML文档也可以引用多个外部脚本文件,或者多次引用同一个脚本文件,如下代码:
本行是HTML中的文字。
3800hk.js
document.write("由外部JavaScript文件输出的文字
");
执行结果:
3.引用外部脚本和JavaScript的结合
在HTML文档中,并不是引用了外部脚本文件之后就不能再使用javascript代码了。引用外部脚本文件和使用javascript代码是完全独立的两件事情。
document.write("由HTML文档内部的JavaScript代码输出的文字");
4.引用外部脚本需要注意的事项
a.外部脚本文件可以是任意的扩展名
B.在外部脚本文件中,只能包含脚本语言代码,不能包含其他代码。
C.在用脚本文件时,标签之间不能再有其他代码。
D.标签不可省略
JavaScript入门教程(初学者不可多得的优秀入门教材,通俗易懂,专业术语通俗化)
第 1 章 JavaScript 语言入门 1 为什么学习 JavaScript
提要:Javascript 是学习脚本语言的首选。她兼容性好,绝大多数浏览器均支持 Javascript,而且她功能强大,实现简单方便,入门简单,即使是程序设计新手也可以非常 快速容易地使用 JavaScript 进行简单的编程。
Javascript 是由 Netscape 公司创造的一种脚本语言。为便于推广,被定为 javascript,但 是 javascript 与 java 是两门不相干的语言, 作用也不一样。 作为一门独立的编程语言, javascript 可以做很多的事情,但它最主流的应用还是在 Web 上——创建动态网页(即网页特效)。 Javascript 在网络上应用广泛, 几乎所有的动态网页里都能找到它的身影。 目前流行的 AJAX 也是依赖于 Javascript 而存在的。 Javascript 与 Jscript 也不是一门相同的语言, Jscript 和 vbscript 是微软开发的两种脚本语 言,微软,Netscape 公司以及其他语言开发商为减少 web 开发者的兼容麻烦,所以成立 ECMA , 该组 织 专 门制定 脚 本 语 言的 标 准 和规范 。 ECMA 制 定 的标 准脚 本 语 言 叫做 ECMAScript,Javascript 符合 ECMA 的标准,其实 Javascript 也可以叫做 ECMAScript. Jscript 也 ECMA 的标准, 但用户较少。vbscript 仅局限在微软的用户, Netscape 不支持。 概括地说,JavaScript 就是一种基于对象和事件驱动,并具有安全性能的脚本语言,脚 本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言, 而不需要服务器的 处理和响应,当然 JavaScript 也可以做到与服务器的交互响应,而且功能也很强大。而相对 的服务器语言像 asp https://www.360docs.net/doc/d517288367.html, php jsp 等需要将命令上传服务器,由服务器处理后回传处理结 果。对象和事件是 JavaScript 的两个核心。 JavaScript 可以被嵌入到 HTML 文件中,不需要经过 Web 服务器就可以对用户操作作 出响应,使网页更好地与用户交互;在利用客户端个人电脑性能资源的同时,适当减小服务 器端的压力,并减少用户等待时间。
2 将 JavaScript 插入网页的方法
与在网页中插入 CSS 的方式相似,使用
language="javascript"表示使用 JavaScript 脚本语言,脚本语言还有 vbscript、 jsscript 等,如果没有 language 属性,表示默认使用 JavaScript 脚本。其中的...就是代 码的内容。例如:
Javascript前台捕获浏览器关闭事件,后台处理一些善后工作
Javascript前台捕获浏览器关闭事件,后台处理一些善后工作 1.使用onbeforeunload 事件捕获浏览器关闭事件 IE和火狐都支持onbeforeunload事件,但是opera不支持。 注意:不仅关闭浏览器时会触发onbeforeunload事件,刷新等事件也会触发onbeforeunload事件。 2.事件注册方法
3.使用Ajax技术向服务器异步发送需要做的善后工作 这里以登陆为例:当用户关闭浏览器时,需要把用户登陆的状态修改为‘已退出’。由于用户登陆的状态存放在服务器的数据库中,所有必需在客户端捕获浏览器关闭动作,在浏览器关闭之前,向服务器发送一个请求,当然这个的请求是异步发送的(Ajax技术);服务器收到请求后,把当前用户的登陆状态修改为‘已退出’。 function CloseBrowse()//用户关闭浏览器 { var n = window.event.screenX - window.screenLeft; var b = n > document.documentElement.scrollWidth - 20; //可以捕获点击小差和 Alt+F4 时浏览器关闭的情况,但是不能捕获在多窗口浏览模式下,用户点多窗口模式的小差关闭浏览器的情况 if (b && window.event.clientY < 0 || window.event.altKey) { var url = "Service.asmx/UpdateLoginState"; UpdateLoginState(url); } } //使用Ajax 向服务器发送异步请求,要求服务器修改登录状态 function UpdateLoginState() { var url = "Service.asmx/UpdateLoginState"; SendRequestToWebService(url); } function SendRequestToWebService(url){ createXmlhttp(); xmlhttp.open("POST", url, true); //xmlhttp.onreadystatechange = handleStateChange; xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;"); xmlhttp.send(); } //创建XMLHttpRequest对象 function createXmlhttp() {Javascript基础教程
Javascript简介 (2) Javascript简介 (2) 简单的Javascript入门示例 (4) 编写Javascript 代码 (5) 语句(Statements) (5) 语句块(Blocks) (6) 注释(Comments) (7) 表达式(Expressions) (8) 赋值和等于(Assignments and Equality) (9) Javascript常用运算符(Operators) (10) 算术运算符 (10) 逻辑运算符 (11) 赋值运算符 (12) Javascript 循环语句(Javascript Loop Statements) (12) 使用for 循环语句 (13) 使用for...in 循环语句 . (15) 使用while 和do...while 循环语句 (17) 使用break 和continue 语句 (20) Javascript写在哪里 (23) Javascript在
之间 (23)Javascript在
之间 (24) Javascript放在外部文件里 (25) Javascript变量(Javascript Variables) (26) 什么是变量? (26) 变量的声明(Declaring Variables) (26) 变量的命名规则 (27) Javascript条件语句(Javascript Conditional Statements) (27) 单项条件结构(if条件语句) (28) 双向条件结构(if...else条件语句) (29) 多项条件结构(switch条件语句) (31) Javascript保留字(Javascript Reserved Words) (32) Javascript未来保留字(Javascript Future Reserved Words) (33) Javascript简介 Javascript简介JavaScript事件
我的记录(JavaScript事件)JavaScript 事件冒泡简介及应用实例 一、什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。 打个比方说:你在地方法院要上诉一件案子,如果地方没有处理此类案件的法院,地方相关部门会帮你继续往上级法院上诉,比如从市级到省级,直至到中央法院,最终使你的案件得以处理。 二、事件冒泡有什么作用 (1)事件冒泡允许多个操作被集中处理(把事件处理器添加到一个父级元素上,避免把事件处理器添加到多个子级元素上),它还可以让你在对象层的不同级别捕获事件。 【集中处理例子】