javascript总结

最新推荐文章于 2021-06-25 20:43:38 发布

原创最新推荐文章于 2021-06-25 20:43:38 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #脚本语言 #function

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>