Web-API

最新推荐文章于 2024-07-11 20:01:40 发布

口。口

最新推荐文章于 2024-07-11 20:01:40 发布

阅读量156

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_45307185/article/details/97314986

本文深入讲解JavaScript的基础构成，包括ECMAscript语法基础、BOM浏览器对象模型及DOM文档对象模型，阐述了如何通过这些核心API操作浏览器和页面元素，如弹框、地址栏、历史记录及图片显示。

webAPI:浏览器提供了一套  浏览器功能  和  页面元素  的API

API:预定义的函数或方法  供用户调用

JavaScript由3个部分组成 :
        ECMAscript:Js语法基础
        BOM:浏览器对象模型browser object modal
            操作浏览器的一些API:弹框,地址栏,历史记录
        DOM:文档对象模型 document object modal
            操作页面元素 document:文本文档

html文件: 文本文档 document
html标签: 根元素

 元素:html中的标签,也是一个对象
 属性是标签的属性
 节点:页面中所有的内容都是节点(标签 属性 文本 注释)

webAPI:浏览器提供了一套  浏览器功能  和  页面元素  的API

API:预定义的函数或方法  供用户调用

JavaScript由3个部分组成 :
        ECMAscript:Js语法基础
        BOM:浏览器对象模型browser object modal
            操作浏览器的一些API:弹框,地址栏,历史记录
        DOM:文档对象模型 document object modal
            操作页面元素 document:文本文档

html文件: 文本文档 document
html标签: 根元素

 元素:html中的标签,也是一个对象
 属性是标签的属性
 节点:页面中所有的内容都是节点(标签 属性 文本 注释)

点击按钮,显示图片
1,获取按钮----document.getElementById('id名')
2.给按钮增添点击事件---按钮.onclick = function(){}
3,设置图片显示----设置img标签的src属性----1.获取img标签,2.设置src值

元素:页面中的标签