美文网首页我爱编程
BOM对象的属性

BOM对象的属性

作者: 情话_2ee5 | 来源:发表于2018-05-28 15:13 被阅读0次

    一、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

    相关文章

      网友评论

        本文标题:BOM对象的属性

        本文链接:https://www.haomeiwen.com/subject/rljgjftx.html