JavaScript知识点总结之 函数与事件


本文摘自PHP中文网,作者coldplay.xixi,侵删。

相关免费学习推荐:javascript(视频)

JavaScript函数与事件

1. 自定义函数

1

2

3

<script type="text/javascript">

    function 函数名(形参1,形参2,形参n){

            语句      }</script>

样例如下:

1

2

3

4

5

6

7

8

9

10

11

12

<body>

    <script type="text/javascript">

        function getArea(width,heigt){

            var resule=width*heigt;

            document.write("面积为:"+resule);

        }

    </script>

        <script type="text/javascript">

            getArea(3,4)

        </script>

         

    </body>

2.JavaScript系统函数

  • parseInt() 将字符串转换为整数
  • parseFloat() 将字符串转换为小数
  • isNaN() 判断是否是NaN(数字)
  • eval() 运行以字符串形成的js代码,返回执行结果

eval示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<body>

   <script type="text/javascript">

       function getArea(){

           var a=1;

           var b=2;

           var resule=eval(a+b);

           alert(resule);

       }

   </script>

       <script type="text/javascript">

           getArea()

       </script>

        

   </body>

2.JavaScript事件
页面事件:
onload() 页面加载
onblur() 失去焦点
onfocus() 获得焦点
onchange() 输入框发生改变
鼠标事件:
onclick() 点击
onmousedown() 鼠标移入
onmouseout() 鼠标移出
onmousemove() 鼠标移动
键盘事件:
onkeypress()
表单事件:
onsubmit()

onload示例:

1

2

3

4

5

6

7

<body>

   <script type="text/javascript">

           window.onload=function(){

               alert("页面加载完成")

           }

       </script>

   </body>

JavaScript浏览器对象模型

window() 顶层对象
hostory() 浏览器记录对象
location() 地址对象
document() 文档对象

location() 属性跟方法
window() 属性
window() 方法
在这里插入图片描述
window() 属性
在这里插入图片描述
navigator()方法
在这里插入图片描述
navigator()属性
在这里插入图片描述
screen()属性
在这里插入图片描述
history()方法
在这里插入图片描述

以上就是JavaScript知识点总结之 函数与事件的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jquery javascript ajax区别是什么

javascript中如何使用spread运算符(...)?8种方法介绍

layui怎么固定表格的表头

javascript如何获取字符串中出现多次的字符(代码)

angularjs的ng-bind-html指令详解

javascript中怎么改字体颜色

深入浅析js中的事件委托

详解js中的window.location对象(备忘单)

一起看看 鸿蒙 javascript gui 技术栈

javascript怎么去掉页眉页脚

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...