JavaScript 基本知识

Posted 2020-11-27 厂长在线养猪

javascript 学习
一、变量的定义
① 变量为弱变量 使用var关键字
例： var arg1=10; var arg2=new Array("王","李","赵")[定义字符串数组];
二、函数定义
① 基本格式：
(1) function 函数名(参数列表){ return 值 }
(2) var arg1=function(参数列表) { return 值 }
例：
var arg0="Hello World";
print(arg0);
function print(arg1){ alert(arg1); }
三、JavaScript主要内置对象
① window: 负责操作浏览器窗口，负责窗口状态，开闭等
② document： 负责操作浏览器载入的文档（html文件）。他属于window
③ history: 可以代替后退（前进）按钮访问历史记录，它属于window
④ location：访问地址栏，也是从属于window
(1) window对象
① 出现提示框 alert:出现消息框 confirm:出现确认框 prompt:出现输入框
② 打开、关闭窗口 window.open()网页制作中使用非常广泛，参数有3个
第一个是新窗口的地址，第二个是新窗口的名字，第三个是新窗口的状态，
其中新窗口的状态的属性可设置的有：
toolbar: 是否有工具栏，可选1和0
location: 是否有地址栏
status: 是否有状态栏
menubar: 是否有菜单栏
scrollbars: 是否有滚动条
resizable: 是否有可改变大小
width height : 窗口的宽度和高度，用像素表示
left top 窗口左上角相对于左面左上角的x和y坐标。
【各属性值用逗号隔开】
③ 定时器
timer = window.setTimeout("需要运行的函数"，"时间（用毫秒表示）")
清除定时器 clearTimeout(timer)
(2) history最常用的函数为：
history.back(): 返回上一页
history.forward(): 返回下一页
window.history.go(n): n为整数，整数表示向前n格页面，负数相反
例： <a onclick="history.forward()">前进</a>
<a onclick="history.back()">后退</a>

(3) document对象从属于window,其功能如下：

① 在网页上输出 writeln函数 为输出一些简单却重读的代码提供很大的便利

② 设置网页的属性 document可以进行一些简单网页属性的设置，如网页标题、

颜色等，并且可以得到网页的某些属性，如当前地址。比较常用的有：通过

document.title来访问标题，同股票document.location来获取网页的地址

(4) 访问文档元素，特别是表单元素

① document 可以访问文档中的元素(如图片、表单、表单中的控件等)，前提是

name属性是确定的。访问方法为：document.元素名.子元素名。比如名为form1

的表单中有一个文本开给你account,其中的内容可以用如下代码获得：

var account = document.form1.account.value;

聚焦 document.form1.account.focus()

(5) location对象

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

跳转的方法就是修改location的href属性

如：window.location.href="page.html";