JS三句代码教你争分夺秒

javascript事件

 开发工具与关键技术:DW,js html DOW事件
 作者:蛋蛋
 撰写时间:2019年1月17日

一.HTML DOM (文档对象模型)
1)当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)
2)而javascript可改变页面中所有的HTML元素,属性等以及css样式能够对页面中所做的事件做出反应。
3)函数:Function (){ } 定义函数; function 函数名(参数选填){函数体}

调用规则:

  • 直接用函数名调用。
  • 可以再另一个函数中用函数名调用该函数。
  • 事件调用。
以下看下图经典代码:

图一在这里插入图片描述

Javascript

a. 标签:script ></script 链接外部脚本文件,引入Js.
b. Document是window对象的一部分,可通过window.document进行访问。
c. getElenmentById对拥有指定 id 的第一个对象的引用
d. onclick事件会在对象被点击时发生。

图二 效果图

在这里插入图片描述
点击按钮就获取到当前国际时间显示出来

见图三实现的效果:

在这里插入图片描述
通过简单的样式和简洁的js实现有趣的效果,灵活运用感受不一样的javascript ?

                             如有疑问请在下方评论 谢谢~
  • 5
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值