javascript总结

来源：互联网发布：淘宝刷单工作室赚钱吗编辑：程序博客网时间：2024/05/16 14:14

wJavaScript是一种网页脚本语言，与 Java语法非常类似

w JavaScript代码可以很容易地嵌入到 HTML页面中。

w浏览器对 JavaScript脚本程序进行编译、运行

wJavaScript与 Java 一样，对大小写是敏感的

w注释有三种写法：一种是 HTML注释的写法：<!—注释内容-->，还有两种和 Java 语言相同，分别为："//单行注释"和"/*多行注释*/"

w变量定义

ü JavaScript 中的变量为弱变量类型，即变量的类型根据它被赋值的类型改变

ü定义一个变量使用的格式为：“var 变量名”

ü如果将一个字符串赋给它，它就是 String类型，如果将一个数组赋给它，它的类型也就是数组类型

w函数定义

 JavaScript 中定义一个函数的基本格式是： function  函数名(参数列表){    return  值;    }   也可以在使用中直接匿名定义：    var arg1 = function(参数列表){    return  值;    }

<html><body>  <script type="text/javascript">    var number=0;    var str0="访问次数：";    while(number<10){      number++;      str1=str0+number;      print(str1);    }    function print(str){window.alert(str);}  </script></body></html>

w除了在代码里面进行简单的编程之外，我们还可以通过 JavaScript提供的内置对象来对网页进行操作

w内置对象由浏览器提供，可直接使用，不用事先定义

w如，上例中的 window.alert(" ")，其中 window 就是一个内置对象

w使用最多的内置对象有四个

üwindow：负责操作浏览器窗口，负责窗口状态，开闭

üdocument：负责操作浏览器载入的文档(HTML文件)，从属于window

ühistory：可以代替后退(前进)按钮访问历史记录，从属于 window

ü location：访问地址栏，也是从属于 window

wwindow对象的作用有如下几个：

ü 出现提示框

window 对象可以跳出提示框。主要有如下功能：

Ÿwindow.alert("内容")：出现消息框

Ÿwindow.confirm("内容")：出现确认框

Ÿwindow.prompt("内容")：出现输入框

wwindow对象的作用有如下几个：

ü 打开、关闭窗口

window.open()在网页制作中使用非常广泛，参数有 3个，第 1 个是新窗口的

地址，第 2个是新窗口名称，第 3个是新窗口状态，其中新窗口状态的属性可设置的有：

toolbar：是否有工具栏，可选 1和 0

location：是否有地址栏，可选 1和 0

status：是否有状态栏，可选 1和 0

wwindow对象的作用有如下几个：

menubar：是否有菜单条，可选 1和 0

scrollbars:：是否有滚动条，可选 1和 0

resizable:：是否有可改变大小，可选 1和 0

width,height：窗口的宽度和高度，用像素表示

left，top：窗口左上角相对于桌面左上角的 x和 y 坐标。

各属性值用逗号隔开。如：

newWindow = window.open("window1.html","new1",

"toolbar=0,width=300,height=300,top=500,left=500");

wwindow对象的作用有如下几个：

ü 定时器

Ÿwindow对象负责管理和控制页面的定时器，定时器的作用是让某个函数隔一段时间之后运行一次，格式为：

timer = window.setTimeout("需要运行的函数","时间(用毫秒计)");

Ÿ如果要清除定时器，则可以：

clearTimeout(timer);

<html> <body>  <script type="text/javascript">    window.alert("消息");    var res=window.confirm("确认");    var str=window.prompt("提示");    window.status="出现新窗口";    newWindow=window.open("2_1.html","new1","width=300,height=300,                                                  top=500,left=500");  </script> </body></html>

whistory对象含用户浏览历史等信息，从属于 window

whistory最常用的函数为：

ühistory.back()：返回上一页，相当于点了浏览器上的后退按钮

ühistory.forward()：返回下一页，相当于点了浏览器上的前进按钮

üwindow.history.go(n)：n为整数，正数表示向前进 n格页面，负数表示向后退 n格页面

wdocument对象从属于 window，其功能如下：

ü 在网页上输出

Ÿ writeln()函数为输出一些简单却重复的代码提供很大的便利，在下面一个例子中，将要使用表格显示出一个 8*8 的国际象棋棋盘，正常的方法需要写一个 8行 8 列的表格代码，那样会使源代码非常的冗长，借助 writeln()和循环方法，省去了很多 HTML代码的编写

<html><body>  <script type="text/javascript">    document.writeln("<table width=400 height=400 border=1>");    for(i=1;i<=8;i++){       document.writeln("<tr>")       for(j=1;j<=8;j++){          color="black";          if((i+j)%2==0){color="white";}          document.writeln("<td bgcolor="+color+"></td>");       }       document.writeln("</tr>");    }    document.writeln("</table>");  </script> </body></html>

wdocument对象从属于 window，其功能如下：

ü 设置网页的属性

Ÿdocument 可以进行一些简单网页属性的设置，如网页标题、颜色等，并且可以得到网页的某些属性，如当前地址。比较常用的有：通过 document.title 来访问标题，通过document.location来获取网页当前的地址

wdocument对象从属于 window，其功能如下：

ü 访问文档元素，特别是表单元素

Ÿdocument可以访问文档中的元素(如图片、表单、表单中的控件等)，前提是元素的 name属性是确定的。访问方法为：document.元素名.子元素名....。比如，名为 form1 的表单中有一个文本框account，其中的内容可以用如下代码获得：

var account = document.form1.account.value;

wlocation对象可以访问浏览器地址栏，也是从属于 window，最常见功能就是跳转到另一个网页

<html> <body>            <!--例2_8-->  <script type="text/javascript">    function locationTest(){       window.location.href="2_8.jpg";    }  </script>  <input type="button"      onclick="locationTest()" value="按钮">  <a href="2_8.jpg">到图片</a> </body></html>

0 0