5.24javascript----bom

最新推荐文章于 2024-06-02 18:15:35 发布

寒枫叶

最新推荐文章于 2024-06-02 18:15:35 发布

阅读量131

点赞数

一、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标签↓，在其标签内在能使用函数。也可以外部引入↓
<script>函数</script> <script scr="文件路径"></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	域的内容被改变

示例代码：<script type="text/javascript">
    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)
    }
</script>
<input type="button" οnclick="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="确定"  οnclick="show()">

2.open方法

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

    }

</script>
<input type="button" value="确定"  οnclick="show()">

三、history对象

写在HTML里

<a href="javascript:history.forward">前进</a> </a> <a href="javascript:history.go(1)">前进</a>

<a href="javascript:history.back()">后退</a>  <a href="javascript:history.go(-1)">后退</a>

四、location对象