关于JS(一)
Javascript的语法和Java很相似,都对大小写是敏感的。
Javascript有三种注释方式
- HTML注释写法:
<!--注释内容--> //单行注释 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”