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 ?
如有疑问请在下方评论 谢谢~