菜鸟的笔记之从零认识JS

155 阅读4分钟

关于JS(一)

Javascript的语法和Java很相似,都对大小写是敏感的。

Javascript有三种注释方式

  1. HTML注释写法:<!--注释内容-->
  2. //单行注释 3. /*多行注释*/

除了直接将JS代码嵌入HTML文件中,还可以专门将JS代码写在单独的文件中,然后在别的HTML页面中插入: <script src="code.js" type="text/javascript"></script>

来导入该文件

定义变量

JS中的变量为弱变量类型,即变量的类型根据它被赋值的类型改变,定义一个变量使用的格式为:“var 变量名”,比如定义变量“arg”,那么就是“var arg”,如果赋给它一个字符串,它就是String类型,如果给它赋一个数组,它的类型就是数组类型。

在JS中未声明变量就使用不会报错,但可能出现未知的错误,所以建议变量先声明后使用。

一些例子

  • 定义多个变量:var arg1,arg2,arg3,arg4,.....;
  • 定义一个整型变量:var arg5=5;
  • 定义一个浮点型变量:var arg6=20.0;
  • 定义一个字符型变量:var arg7=“哈哈哈”;
  • 定义一个布尔类型变量:var arg8=true;
  • 定义一个字符串数组:var arg9=new Array("你","好","啊");

函数定义

JS中定义一个函数的基本格式是:

function 函数名(参数列表){
return 值;
}

也可以在使用中直接匿名定义:

var arg1=function(参数列表){
return 值;
}

内置对象

常使用的内置对象

  • window:负责操作浏览器窗口,负责窗口状态,开闭等;
  • document:负责操作浏览器载入的文档(HTML文件)。它从属于window
  • history:可以代替后退(前进)按钮访问历史记录,从属于window
  • location:访问地址栏,也是从属于window

「window」

其作用有

出现提示框

  • window.alert("内容"):出现消息框
  • window.confirm("内容"):出现确认框
  • window.prompt("内容"):出现输入框

打开关闭窗口

window.open()在网页制作中使用非常广泛,参数有3个,第一个是新窗口的地址,第二个是新窗口的名称,第三个是新窗口的状态。

对与新窗口状态可以设置的属性有:

  • toolbar:是否有工具栏,可选1和0
  • location:是否有地址栏,可选1和0
  • status:是否有状态栏,可选1和0
  • menubar:是否有菜单条,可选1和0
  • scrollbars:是否有滚动条,可选1和0
  • resizable:是否有可改变大小,可选1和0
  • width,height:窗口的宽度和高度,用像素表示
  • left,top:窗口左上角相对于桌面左上角的X和Y坐标。各属性值用逗号隔开

定时器

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

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

如果要清除定时器,则可以:

clearTimeout(timer);

「history」

  • history.back():返回上一页,相当于点了浏览器上的后退按钮
  • history.foeward():返回下一页,相当于点了浏览器上的前进按钮
  • window.history.go(n):n为整数,正数表示向前前进n格页面,负数表示向后退n格页面

「document」

在网页上输出

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

设置网页的属性

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

访问文档元素,特别是表单元素

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

var account = document.form1.account.value;

「location」

location 对家可以访问浏览器地址栏,也从属于window,最常见的功能是跳转到另一个网页。跳转的方法就是修改location的href属性

如:window.location.href=“page.html”