JavaScript养成,javascript总结笔记
Q:什么是 JavaScript ?
Javascript是一种由Netscape的LiveScript发展而来的脚本语言.主要目的是为了解决服务器终端语言.比如Perl.遗留的速度问题.当时服务端需要对数据进行验证.由于网络速度相当缓慢.只有28.8kbps.验证步骤浪费的时间太多.于是Netscape的浏览器Navigator加入了Javascript.提供了数据验证的基本功能. 历史 在1992年.Nombas开始开发一种嵌入式脚本语言.叫做C-minus-minus(Cmm).[待续... 能够具有交互性.能够包含更多活跃的元素.就有必要在网页中嵌入其它的技术.如:Javascript.VBScript.Document Object Model(文件目标模块).Layers和 Cascading Style Sheets(CSS).这里主要讲Javascript.那么Javascript是什么东东?Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言.如今越来越广泛地使用于Internet网页制作上. Javascript是由 Netscape公司开发的一种脚本语言(scripting language).或者称为描述语言.在HTML基础上.使用Javascript可以开发交互式Web网页.Javascript的出现使得网页和用户之间实现了一种实时性的.动态的.交互性的关系.使网页包含更多活跃的元素和更加精彩的内容. 运行用Javascript编写的程序需要能支持Javascript语言的浏览器.Netscape公司 Navigator 3.0以上版本的浏览器都能支持 Javascript程序.微软公司 Internet Explorer 3.0以上版本的浏览器基本上支持Javascript.微软公司还有自己开发的Javascript.称为JScript. Javascript和Jscript基本上是相同的.只是在一些细节上有出入. Javascript短小精悍. 又是在客户机上执行的.大大提高了网页的浏览速度和交互能力. 同时它又是专门为制作Web网页而量身定做的一种简单的编程语言. 虽然.在Dreamweaver的Behaviors可以为我们方便地使用Javascript程序而不用编写代码.但我们自己了解了Javascript的编程方法后.将能更加方便灵活地应用.也使Javascript的代码更简练.本专题通过对一系列典型程序的剖析.使你快速地掌握Javascript的编程技巧.设计出质量上乘的动态网页打下坚实的基础.在此之前.我们先了解一些Javascript 的基本概念. JavaScript 有什么特点 JavaScript 使网页增加互动性.JavaScript 使有规律地重复的HTML文段简化.减少下载时间.JavaScript 能及时响应用户的操作.对提交表单做即时的检查.无需浪费时间交由 CGI 验证.JavaScript 的特点是无穷无尽的.只要你有创意. Java 与 JavaScript 有什么不同 很多人看到 Java 和 JavaScript 都有[Java"四个字.就以为它们是同一样东西.连我自己当初也是这样.其实它们是完完全全不同的两种东西.Java.全称应该是 Java Applet.是嵌在网页中.而又有自己独立的运行窗口的小程序.Java Applet 是预先编译好的.一个 Applet 文件(.class)用 Notepad 打开阅读.根本不能理解.Java Applet 的功能很强大.可以访问 http.ftp等协议.甚至可以在电脑上种病毒(已有先例了).相比之下.JavaScript 的能力就比较小了.JavaScript 是一种[脚本"([Script").它直接把代码写到 HTML 文档中.浏览器读取它们的时候才进行编译.执行.所以能查看 HTML 源文件就能查看JavaScript 源代码.JavaScript 没有独立的运行窗口.浏览器当前窗口就是它的运行窗口.它们的相同点.我想只有同是以 Java 作编程语言一点了. 开发JavaScript 该用什么软件 一个JavaScript 程序其实是一个文档.一个文本文件.它是嵌入到 HTML 文档中的.所以.任何可以编写 HTML 文档的软件都可以用来开发 JavaScript.在此我推荐大家用 FrontPage 2000 附带的 Microsoft 脚本编辑器(在 FrontPage 菜单 | 工具 | 宏 | Microsoft 脚本编辑器).它是个像 Visual Basic / C++ 一样的程序开发器.能对正在输入的语句作出简要提示.配合 FrontPage 2000.使工作量大大减少. 一.Javascript在网页的用法 Javascript加入网页有两种方法: 1.直接加入HTML文档 这是最常用的方法.大部分含有Javascript的网页都采用这种方法.如: <script language="Javascript"> <!-- document.writeln("这是Javascript!采用直接插入的方法!"), //-Javascript结束--> </script> 在这个例子中.我们可看到一个新的标签: <script>--</script>.而<script language="Javascript"> 用来告诉浏览器这是用Javascript编写的程序.需要调动相应的解释程序进行解释. HTML的注释标签<!--和-->:用来去掉浏览器所不能识别的Javascript源代码的.这对不支持 Javascript 语言的浏览器来说是很有用的. //-Javascript结束:双斜杠表示 Javascript的注释部分.即从//开始到行尾的字符都被忽略. 至于程序中所用到的document.write()函数则表示将括号中的文字输出到窗口中去. 这在后面将会详细介绍. 另外一点需要注意的是.<script>--</script>的位置并不是固定的.可以包含在<head>......</head> 或<body>.....</body>中的任何地方. 2.引用方式 如果已经存在一个Javascript源文件(以js为扩展名).则可以采用这种引用的方式.以提高程序代码的利用率.其基本格式如下: <script src=url language="Javascript"></script> 其中的Url就是程序文件的地址.同样的.这样的语句可以放在HTML文档头部或主体的任何部分. 如果要实现[直接插入方式"中所举例子的效果.可以首先创建一个Javascript源代码文件[Script.js".其内容如下: document.writeln("这是Javascript!采用直接插入的方法!"), 在网页中可以这样调用程序:<script src="Script.js" language="Javascript"></script> . 二.Javascript基本概念 在这里只作简单介绍.在以后的例子中结程序再作具体解释其作用. 1.运算符 运算符就是完成操和的一系列符号.它有七类: 赋值运算符.算术运算符.比较运算符.逻辑运算符.条件运算.位操作运算符和字符串运算符. 2.表达式 运算符和操作数的组合称为表达式.通常分为四类:赋值表达式.算术表达式.布尔表达式和字符串表达式. 3.语句 Javascript程序是由若干语句组成的.语句是编写程序的指令.Javascript提供了完整的基本编程语句.它们是: 赋值语句.switch选择语句.while循环语句.for循环语句.do while循环语句.break循环中止语句和continue循环中断语句. 4.函数 函数是命名的语句段.这个语句段可以被当作一个整体来引用不着和执行.使用函数要注意以下几点: 1)函数由关键字function定义, 2)函数必须先定义后使用.否则将出错, 3)函数名是调用函数时引用的名称.它对大小写是敏感的.调用函数时不可写错函数名, 4)参数表示传递给函数使用或操作的值.它可以是常量.也可以是变量, 5)return语句用于返回表达式的值.也可以没有. 5.对象 Javascript的一个重要功能就是基于对象的功能.通过基于对象的程序设计.可以用更直观.模块化和可重复使用的方式进行程序开发. 一组包含数据的属性和对属性中包含数据进行操作的方法.称为对象.比如要设定网页的背景颜色.所针对的对象就是document.所用的属性名是bgcolor.如document.bgcolor="blue".就是表示使背景的颜色为蓝色. 6.事件 用户与网页交互时产生的操作.称为事件.绝大部分事都由用户的动作所引发.如:用户按鼠标的按钮.就产生onclick事件.若鼠标的指针的链接上移动.就产生onmouseover事件等等.在Javascript中.事件往往与事件处理程序配套使用. 学习Javascript比较快速有效的方法是先熟悉一些基本概念.然后找几个别人设计好的程序认真仔细地分析一遍.再稍作改动.再看看能否达到预期目的.不断地举一反三.既可以加深对一些参数.设计方法的理解.又可以快速地提高自己的水平.另外.再提醒一下:Javascript对大小写是敏感的.特别是一些对象.方法.属性的大小写一定要一致.要养成一种良好的习惯.否则在调试程序时可要累死你了. 7.变量 如var myVariable = "some value",
创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站建设、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的鹿泉网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
js软件开发工程师的逻辑思维可以怎么培养?
程序员逻辑思维的培养对软件工程非常重要,思维快的能快速编写逻辑代码。可以从一下几个方面进行慢慢培养。
第一:明确学习目的
逻辑思维学习编程对多数IT业人员来说都是非常有用的。学编程,做一名编程人员,从个人角度讲,可以解决在软件使用中所遇到的问题,改进现有软件,可以为自己找到一份理想的工作添加重要得砝码,有利于在求职道路上谋得一个好的职位;从国家的角度,可以为中国的软件产业做出应有的贡献,一名优秀的程序员永远是被争夺的对象。学习编程还能锻炼思维,使我们的逻辑思维更加严密;能够不断享受到创新的乐趣,将一直有机会走在高科技的前沿,因为程序设计本身是一种创造性的工作。知识经济时代给我们带来了无限的机会,要想真正掌握计算机技术,并在IT行业里干出一番事业来,有所作为,具有一定的编程能力是一个基本条件和要求。
第二打好基础,学好基础知识对我们开发也很重要学编程要具备一定的基础,总结之有以下几方面:
首先是数学基础 从计算机发展和应用的历史来看计算机的数学模型和体系结构等都是有数学家提出的,最早的计算机也是为数值计算而设计的。因此,要学好计算机就要有一定的数学基础,出学者有高中水平就差不多了。
其次是逻辑思维能力的培养 学程序设计要有一定的逻辑思维能力,“逻思力”的培养要长时间的实践锻炼。要想成为一名优秀的程序员,最重要的是掌握编程思想。要做到这一点必须在反复的实践、观察、分析、比较、总结中逐渐地积累。因此在学习编程过程中,我们不必等到什么都完全明白了才去动手实践,只要明白了大概,就要敢于自己动手去体验。谁都有第一次。有些问题只有通过实践后才能明白,也只有实践才能把老师和书上的知识变成自己的,高手都是这样成材的。最后是选择一种合适的入门语言 面对各种各样的语言,应按什么样的顺序学呢?程序设计工具不外乎如下几类: 1)本地开发 应用软件开发的工具有:Visual Basic 、Delphi 、VC++ ( C++ Builder ) 等;数据库开发工具有:Visual Foxpro 、Oracle Developer 、Power Builder 等。 2)跨平台开发 开发工具如 Java 等。 3)网络开发 对客户端开发工具如:Java Script 等;对服务器开发工具如:PHP 、ASP 、JSP 、ISAPI 、NSAPI 、CGI 等。 以上不同的环境下几种开发工具中 VB 法简单并容易理解,界面设计是可设化的,易学、易用。选 VB 作为入门的方向对出学者是较为适合的。
第三:注意理解一些重要概念
一本程序设计的书看到的无非就是变量、函数、条件语句、循环语句等概念,但要真正能进行编程应用,需要深入理解这些概念,在理解的基础上应用,不要只简单地学习语法、结构,而要吃透针对这些语法、结构的应用例子,做到举一反三,触类旁通。
第四:掌握编程思想,编程思想使用较多的就是oop编程思想
学习一门语言或开发工具,语法结构、功能调用是次要的,最主要是学习它的思想。例如学习 VC 就要学习 Windows 的内在机理、什么是线程......;学习 COM 就要知道VTALBE 、类厂、接口、idl......,关键是学一种思想,有了思想,那么我们就可以触类旁通。
第六:多实践、多交流,一切思维来自项目开发的积累
掌握编程思想必须在编程实际工作中去实践和体会。编程起步阶段要经常自己动手设计程序,具体设计时不要拘泥于固定的思维方式,遇到问题要多想几种解决的方案。这就要多交流,各人的思维方式不同、角度各异,各有高招,通过交流可不断吸收别人的长处,丰富编程实践,帮助自己提高水平。亲自动手进行程序设计是创造性思维应用的体现,也是培养逻辑思维的好方法。
第七:养成良好的编程习惯
编程入门不难,但入门后不断学习是十分重要的,相对来说较为漫长。在此期间要注意养成一些良好的编程习惯。编程风格的好坏很大程度影响程序质量。良好的编程风格可以使
程序结构清晰合理,且使程序代码便于维护。如代码的缩进编排、变量命令规则的一致性、代码的注释等。
第八:上网学编程
在网上可以学到很多不同的编程思想、方法、经验和技巧,有大量的工具和作品及相关的辅导材料供下载
8.加强计算机理论知识的再学习
思维培养学编程是符合“理论→实践→再理论→再实践”的一个认识过程。一开始要具有一定的计算机理论基础知识,包括编程所需的数学基础知识,具备了入门的条件,就可以
开始编程的实践,从实践中可以发现问题需要加强计算机理论知识的再学习。程序人人皆可编,但当你发现编到一定程度很难再提高的时候,就要回头来学习一些计算机科学和数
学基础理论。学过之后,很多以前遇到的问题都会迎刃而解,使人有豁然开朗之感。因此在学习编程的过程中要不断地针对应用中的困惑和问题深入学习数据结构、算法、计算机
原理、编译原理、操作系统原理、软件工程等计算机科学的理论基础和数理逻辑、代数系统、图论、离散数学等数学理论基础知识。这样经过不断的学习,再努力地实践,编程水平一定会不断提高到一个新高度。
这就是总结出来的思维培养模式,希望能帮到你,谢谢!
什么是JavaScript?
Javascript是一种由Netscape的LiveScript发展而来的脚本语言,主要目的是为了解决服务器终端语言,比如Perl,遗留的速度问题。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。
历史
在1992年,Nombas开始开发一种嵌入式脚本语言,叫做C-minus-minus(Cmm)。[待续...
能够具有交互性,能够包含更多活跃的元素,就有必要在网页中嵌入其它的技术。如:Javascript、VBScript、Document Object Model(文件目标模块)、Layers和 Cascading Style Sheets(CSS),这里主要讲Javascript。那么Javascript是什么东东?Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言,如今越来越广泛地使用于Internet网页制作上。 Javascript是由 Netscape公司开发的一种脚本语言(scripting language),或者称为描述语言。在HTML基础上,使用Javascript可以开发交互式Web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。 运行用Javascript编写的程序需要能支持Javascript语言的浏览器。Netscape公司 Navigator 3.0以上版本的浏览器都能支持 Javascript程序,微软公司 Internet Explorer 3.0以上版本的浏览器基本上支持Javascript。微软公司还有自己开发的Javascript,称为JScript。 Javascript和Jscript基本上是相同的,只是在一些细节上有出入。 Javascript短小精悍, 又是在客户机上执行的,大大提高了网页的浏览速度和交互能力。 同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。
虽然,在Dreamweaver的Behaviors可以为我们方便地使用Javascript程序而不用编写代码,但我们自己了解了Javascript的编程方法后,将能更加方便灵活地应用,也使Javascript的代码更简练。本专题通过对一系列典型程序的剖析,使你快速地掌握Javascript的编程技巧,设计出质量上乘的动态网页打下坚实的基础。在此之前,我们先了解一些Javascript 的基本概念。
JavaScript 有什么特点
JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化,减少下载时间。JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的,只要你有创意。
Java 与 JavaScript 有什么不同
很多人看到 Java 和 JavaScript 都有“Java”四个字,就以为它们是同一样东西,连我自己当初也是这样。其实它们是完完全全不同的两种东西。Java,全称应该是 Java Applet,是嵌在网页中,而又有自己独立的运行窗口的小程序。Java Applet 是预先编译好的,一个 Applet 文件(.class)用 Notepad 打开阅读,根本不能理解。Java Applet 的功能很强大,可以访问 http、ftp等协议,甚至可以在电脑上种病毒(已有先例了)。相比之下,JavaScript 的能力就比较小了。JavaScript 是一种“脚本”(“Script”),它直接把代码写到 HTML 文档中,浏览器读取它们的时候才进行编译、执行,所以能查看 HTML 源文件就能查看JavaScript 源代码。JavaScript 没有独立的运行窗口,浏览器当前窗口就是它的运行窗口。它们的相同点,我想只有同是以 Java 作编程语言一点了。
开发 JavaScript 该用什么软件
一个 JavaScript 程序其实是一个文档,一个文本文件。它是嵌入到 HTML 文档中的。所以,任何可以编写 HTML 文档的软件都可以用来开发 JavaScript。在此我推荐大家用 FrontPage 2000 附带的 Microsoft 脚本编辑器(在 FrontPage 菜单 | 工具 | 宏 | Microsoft 脚本编辑器)。它是个像 Visual Basic / C++ 一样的程序开发器,能对正在输入的语句作出简要提示。配合 FrontPage 2000,使工作量大大减少。
一、Javascript在网页的用法
Javascript加入网页有两种方法:
1、直接加入HTML文档
这是最常用的方法,大部分含有Javascript的网页都采用这种方法,如:
script language="Javascript"
!--
document.writeln("这是Javascript!采用直接插入的方法!");
//-Javascript结束--
/script
在这个例子中,我们可看到一个新的标签: script……/script,而script language="Javascript” 用来告诉浏览器这是用Javascript编写的程序,需要调动相应的解释程序进行解释。
HTML的注释标签!--和--:用来去掉浏览器所不能识别的Javascript源代码的,这对不支持 Javascript 语言的浏览器来说是很有用的。
//-Javascript结束:双斜杠表示 Javascript的注释部分,即从//开始到行尾的字符都被忽略。 至于程序中所用到的document.write()函数则表示将括号中的文字输出到窗口中去, 这在后面将会详细介绍。 另外一点需要注意的是,script……/script的位置并不是固定的,可以包含在head....../head 或body...../body中的任何地方。
2、引用方式 如果已经存在一个Javascript源文件(以js为扩展名),则可以采用这种引用的方式,以提高程序代码的利用率。其基本格式如下:
script src=url language="Javascript"/script
其中的Url就是程序文件的地址。同样的,这样的语句可以放在HTML文档头部或主体的任何部分。 如果要实现“直接插入方式”中所举例子的效果,可以首先创建一个Javascript源代码文件“Script.js”,其内容如下:
document.writeln("这是Javascript!采用直接插入的方法!");
在网页中可以这样调用程序:script src="Script.js" language="Javascript"/script 。
二、Javascript基本概念
在这里只作简单介绍,在以后的例子中结程序再作具体解释其作用。
1、运算符
运算符就是完成操和的一系列符号,它有七类:
赋值运算符、算术运算符、比较运算符、逻辑运算符、条件运算、位操作运算符和字符串运算符。
2、表达式
运算符和操作数的组合称为表达式,通常分为四类:赋值表达式、算术表达式、布尔表达式和字符串表达式。
3、语句
Javascript程序是由若干语句组成的,语句是编写程序的指令。Javascript提供了完整的基本编程语句,它们是:
赋值语句、switch选择语句、while循环语句、for循环语句、do while循环语句、break循环中止语句和continue循环中断语句。
4、函数
函数是命名的语句段,这个语句段可以被当作一个整体来引用不着和执行。使用函数要注意以下几点:
1)函数由关键字function定义;
2)函数必须先定义后使用,否则将出错;
3)函数名是调用函数时引用的名称,它对大小写是敏感的,调用函数时不可写错函数名;
4)参数表示传递给函数使用或操作的值,它可以是常量,也可以是变量;
5)return语句用于返回表达式的值,也可以没有。
5、对象
Javascript的一个重要功能就是基于对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发。
一组包含数据的属性和对属性中包含数据进行操作的方法,称为对象。比如要设定网页的背景颜色,所针对的对象就是document,所用的属性名是bgcolor,如document.bgcolor="blue",就是表示使背景的颜色为蓝色。
6、事件
用户与网页交互时产生的操作,称为事件。绝大部分事都由用户的动作所引发,如:用户按鼠标的按钮,就产生onclick事件,若鼠标的指针的链接上移动,就产生onmouseover事件等等。在Javascript中,事件往往与事件处理程序配套使用。
学习Javascript比较快速有效的方法是先熟悉一些基本概念,然后找几个别人设计好的程序认真仔细地分析一遍,再稍作改动,再看看能否达到预期目的,不断地举一反三,既可以加深对一些参数、设计方法的理解,又可以快速地提高自己的水平。另外,再提醒一下:Javascript对大小写是敏感的,特别是一些对象、方法、属性的大小写一定要一致,要养成一种良好的习惯,否则在调试程序时可要累死你了。
7、变量
如 var myVariable = "some value";
学习百度图表js需要什么基础
C语言基础。
js的全称是javaScript,这是一门前端的脚本编程语言,不管做前端开发还是后台开发,这门编程语言建议都要学,只是侧重点会不一样。
js入门的教程:1.学习js之前建议你先学习一下HTML,不用学的多好,但是最基本的语法必须知道。2.在电脑上新建记事本文件,修改文件名称和后缀,如果后缀不显示,则需要调整出来,改为hello.html.改完之后文件变成了浏览器图标,说明你已经成功了。3.把第一步的代码放入到这个文件里面,然后修改为下面这样。需要编辑文件内容,所以要先打开这个文件,当然不要选择直接打开,因为直接打开是用浏览器打开,所以需要选择打开方式-记事本打开。4.然后保存,再使用浏览器打开这个文件。5.接下来编写js代码,js代码一般是放在head标签里面,title标签后面,为了更方便阅读,所以要养成换行的好习惯。保存代码,然后在浏览器打开文件。
请问有韩顺平老师javascript视频教程全套的吗?共70讲的那个。能分享一下吗?
我建议你不要去看视频,去翻翻文档,初学者从《javascript基础》开始学,之后再升级《JavaScript高级编程》,看视频的话,先不说主讲是不是叽叽歪歪东扯西扯,重点的会养成依赖性,而且如果你在工作的时候,忘了某个环节或某个怎么做,难道你再去把视频翻出来再看一遍?再有就是,咱这行,很多要用到的东西都没有视频,全文档,甚至有些连详细点的文档都没有,只能自己去分析代码,找接口,方法。
问一个javascript问题
其实代码非常简单:
script LANGUAGE="javascript" !-- window.open ('page.html') -- /script
因为这是一段javascripts代码,所以它们应该放在script LANGUAGE="javascript "标签和/script
之间。!-- 和 --是对一些版本低的浏览器起作用,在这些老浏 览器中不会将标签中的代码作为文本显
示出来。要养成这个好习惯啊。 window.open ('page.html') 用于控制弹出新的窗口page.html,如果
page.html不与主窗口在同一路径下,前面 应写明路径,绝对路径(和相对路径(.. /)均可。 用
单引号和双引号都可以 ,只是不要混用。 这一段代码可以加入HTML的任意位置,head和/head之间
可以,body间/body 也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放
。
下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以
了。 我们 来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应页面的具体情况。
script LANGUAGE="javascript" !-- window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, lef t=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, statu s=no') //写成一行 -- /script
参数解释: script LANGUAGE="javascript" js脚本开始; window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名; 'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代
替; height=100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口
距离屏幕左侧的象素值; toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏
和滚动栏。 resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为
允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; /script js脚本
结束
下面是一个完整的代码。
html
head
script LANGUAGE="Javascript" !-- function openwin() //-- /script /head
body onload="openwin()"
...任意的页面内容...
/body
/html
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任 何用途。怎么调用呢
? 方法一:body onload="openwin()" 浏览器读页面时弹出窗口; 方法二:body onunload="openwin()" 浏览器离开页面时弹出窗口; 方法三:用一个连接调用: a href="#"
onClick="openwin()"打开一个窗口 /a注意:使用的“#”是虚连 接。 方法四:用一个按钮调用:
input type="button" onclick="openwin()" value="打开窗口"
对源代码稍微改动一下:
script LANGUAGE="Javascript"
!-- function openwin() //-- /script
为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。 最后用上面说过的四
种方法调用即可。 注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。 OK
?
如下代码加入主窗口head区:
script language="javascript"
!-- function openwin()
{ window.open("page.html","","width=200,height=200")
} //--
/script
加入body区: open即可。
下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码 加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则 ...),让它10秒后自动关闭是不是更酷了? 首先,将如下代码加入page.html文件的head区:
script language="Javascript"
function closeit()
{
setTimeout("self.close()",10000) //毫秒
}
/script
然后,再用body onload="closeit()" 这一句话代替page.html中原有的BODY这 一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码 ,10秒钟后就自行关闭该窗口。
FORM INPUT TYPE='BUTTON' value='关闭' onClick='window.close()' /FORM
上面的例子都包含两个窗口,一个是主窗口,另一个是弹
出的小窗口。 通过下面的 例子,你可以在一个页面内完成上面的效果。
html
head
script LANGUAGE="Javascript"
function openwin()
{
OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,sc rollbars="+scroll+",menubar=no"); //写成一行
OpenWindow.document.write("TITLE例子/TITLE") OpenWindow.document.write("BODY BGCOLOR=#ffffff") OpenWindow.document.write("h1Hello!/h1")
OpenWindow.document.write("New window opened!")
OpenWindow.document.write("/BODY")
OpenWindow.document.write("/HTML")
OpenWindow.document.close()
}
/script
/head
body
打开一个窗口 input type="button" onclick="openwin()" value="打开窗口" /body /html
看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格 式写更多的行即可。
千万注意多一个标签或少一个标签就会出现错误。记得用OpenWin dow.document.close()结束啊。
回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉
浸在喜悦之中,一定没有 发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),
那么每 次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-( 有解决的办法吗?Yes! -) Follow
me. 我们使用cookie来控制一下就可以了。 首先,将如下代码加入主页面HTML的HEAD区:
script
function openwin() function
get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length
0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length
end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; }
function loadpopup(){ if (get_cookie('popped')==''){ openwin() document.cookie="popped=yes"
} }
/script
然后,用body onload="loadpopup()"(注意不是openwin而是loadpop啊!) 替 换主页面中原有的
BODY这一句即可。你可以试着刷新一下这个页面或重新进入该页 面,窗口再也不会弹出了。真正的
Pop-Only-Once!
写到这里弹出窗口的制作和应用技巧基本上算是完成了
网站标题:JavaScript养成,javascript总结笔记
分享路径:http://azwzsj.com/article/dsohehe.html