BOM对象的属性

一、BOM:浏览器对象模型

用到的关键字: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对象

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对象

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

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

四、location对象

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

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

参考自CSDN

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,748评论 0 6
  • js简介 Js是一种基于事件和对象驱动的解释性、松散性的语言。 一切皆对象 javascript 布兰登艾奇 ...
    塔库纳玛哈哈阅读 1,340评论 0 2
  • Chapter 5 引用类型 Object类型 创建Object实例new Object()var person ...
    云之外阅读 436评论 0 0
  • 之前写过函数也属于引用类型,与其他引用类型一样也是具有属性和方法。由于函数是对象,继承自object,因此函数名实...
    Miss____Du阅读 5,903评论 4 17
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,442评论 0 13

友情链接更多精彩内容