javascript总结

最新推荐文章于 2021-07-28 09:51:06 发布

pengkv

最新推荐文章于 2021-07-28 09:51:06 发布

阅读量1.1k

点赞数

文章标签： javascript 脚本语言 function

本文链接：https://blog.csdn.net/pengkv/article/details/25959421

版权

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

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

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

w JavaScript 与 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(" 内容 ") ：出现输入框

w window 对象的作用有如下几个：

ü 打开、关闭窗口

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

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

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

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

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

w window 对象的作用有如下几个：

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 来获取网页当前的地址

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

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

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

var account = document.form1.account.value;

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

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