BOM对象的属性

一、BOM:浏览器对象模型

BOM对象的属性_第1张图片

用到的关键字:prompt  可输入值对话框alert  无输入值提示框

onclick  引用函数

function () 创建函数关键字

1.parseInt ()将括号数据转换为整数类型  2.parseFloat() 转换浮点类型

isNaN () 判断括号里数据是否为非数字

window.location=“  链接地址”

window.open(链接地址,名称,高,宽)

history.back()   后退按钮

history.go(-1)    后退或前进页面,根据数字设置,-1代表后退

history.forward()    前进按钮

函数:

与java语法中的方法非常相似。javaScript分为系统函数和自定义函数。

在定义函数前必须要启用script标签↓,在其标签内在能使用函数。也可以外部引入↓

 函数              

系统函数

函数名说明

parselnt("字符串")将字符串转换为整形数字如:parseInt("86")就是将字符串"86"转换为整形值

parseFloat("字符串")

将字符串转换为整形数字如:parseFloat("86.01")就是将字符串"86.01"转换为浮点值

isNaN(写入你需要判断的值)用来判断其值是否为数字,若是数字则返回false,否则返回true

自定义函数

function 自定义函数名(可以输入参数,类似java中的有参方法){

设置函数的具体方法,可以设置返回值也可以不用←return

PS:若需要在文档中打印出语句可以使用document.write(内容)

在函数中可以使用\n来换行,无需用连接符直接使用即可如→"你好,我要换行\n这是第二行"

}

一般常用调用函数方法可以采用onclick =函数名()

名称说明

onload一个页面或一副图像完成加载

onlick鼠标单机某个对象

onmouserover属性在鼠标指针移动到元素上时触发

onkeydown某个键盘按键被按下

onchange域的内容被改变

示例代码:function show() {

var sum=0;

var num1=parseInt(prompt("请输入第一个数",""));

var num2=parseInt(prompt("请输入第二个数",""));

var type=prompt("请输入运算符","");

switch (type){

case "+":

sum=num1+num2;

break;

case "-":

sum=num1-num2;

break;

case "*":

sum=num1*num2;

break;

case "/":

sum=num1/num2;

break;

}

document.write(sum)

}

show()" value="确定">

二、window对象

BOM对象的属性_第2张图片

1.confirm方法

示例代码:

<script type="text/javascript">function show() {var flag=window.confirm("确定要删除本信息吗")/* var flag=confirm("确定要删除本信息吗")*/ /*与以上相同*/        if (flag==true){alert("删除成功")        }else{alert("删除失败")        }    }script><input type="button" value="确定"  onclick="show()">

2.open方法

<script type="text/javascript">function show() {window.open("https://www.baidu.com","第一个窗口",'width=200,heigth=200');    }script><input type="button" value="确定"  onclick="show()">

三、history对象

BOM对象的属性_第3张图片

写在HTML里<a href="javascript:history.forward">前进a> 前进

<a href="javascript:history.back()">后退a>后退

四、location对象

BOM对象的属性_第4张图片

<a href="javascript:location.reload()">刷新本页a>

<a href="javascript:location.href='spring.html'">春a>

参考自CSDN

你可能感兴趣的:(BOM对象的属性)