html、dom
关注
分享
扫一扫
html、dom
南朝听月
A ship in harbor is safe, but that is not what ships are built for.
展开
-
事件对象上为什么要有srcElement和target两个属性？且二者可以看到内容都是一样的、 js中event.srcElement和event.target用法和区别？
事件对象上为什么要有srcElement和target两个属性？且二者可以看到内容都是一样的、 js中event.srcElement和event.target用法和区别？原创 2022-07-06 17:26:44 · 380 阅读 · 0 评论 -
控制台打断点的快捷方式
控制台打断点的快捷方式原创 2022-04-15 18:41:20 · 643 阅读 · 0 评论 -
js中的一些事件汇总
js中的事件汇总原创 2022-03-17 20:19:09 · 191 阅读 · 0 评论 -
京东放大镜效果，购物车网站放大镜效果
京东放大镜效果，购物车网站放大镜效果原创 2022-02-15 11:01:03 · 151 阅读 · 0 评论 -
关于在网页中html标签使用的思考
关于在网页中html标签使用的思考原创 2021-12-30 15:53:00 · 204 阅读 · 0 评论 -
关于dl dt dd
关于dl dt dd原创 2021-12-30 15:44:26 · 313 阅读 · 0 评论 -
角标的实现，i标签和em标签
角标的实现，i标签和em标签原创 2021-12-30 15:13:18 · 1466 阅读 · 0 评论 -
html标签的title属性
html标签的title属性原创 2021-12-29 16:48:05 · 3520 阅读 · 0 评论 -
LocalStorage
LocalStorage原创 2021-12-07 13:39:19 · 83 阅读 · 0 评论 -
化学元素怎么用html来书写、化学元素怎么写
<P>H<sub>2</sub>O<sup>2</sup></P>原创 2021-11-16 11:19:15 · 652 阅读 · 0 评论 -
阻止事件冒泡的方法、event.stopPropagation()、阻止默认行为、event.preventDefault()
1、event.stopPropagation() <body> <form id="form1" runat="server"> <div id="divOne" onclick="alert('我是最外层');"> <div id="divTwo" onclick="alert('我是中间层！')"> <a id="hr_three"原创 2021-11-10 13:59:04 · 1382 阅读 · 0 评论 -
事件对象---鼠标位置信息
浏览器（客户区）坐标位置：clientX和clientY鼠标事件都是在浏览器视口中的特定位置上发生的。这个位置信息保存在事件对象的clientX和clientY属性中。所有浏览器都支持这两个属性，它们的值表示事件发生时鼠标指针在视口中的水平和垂直坐标注意，这些值中不包括页面滚动的距离，因此这个位置并不表示鼠标在页面上的位置页面坐标位置：pageX和pageY属性通过客户区坐标能够知道鼠标是在视口中什么位置发生的，而页面坐标通过事件对象的pageX和pageY属性，能告诉你事件是在页面中的什么位置发生原创 2021-09-29 13:37:23 · 264 阅读 · 0 评论 -
事件对象，阻止事件默认行为，阻止冒泡
只有在事件处理程序执行期间，event对象才会存在；一旦事件处理程序执行完成，event对象就会被销毁。event对象包含与创建它的特定事件有关的属性和方法。触发的事件类型不一样，可用的属性和方法也不一样。不过，所有事件都会有下表列出的成员。要阻止特定事件的默认行为，可以使用==preventDefault()==方法。例如，链接的默认行为就是在被单击时会导航到其href特性指定的URL。如果你想阻止链接导航这一默认行为，那么通过链接的onclick事件处理程序可以取消它，如下面的例子所示。只有ca原创 2021-09-28 20:54:48 · 578 阅读 · 0 评论 -
audio标签，播放音乐
1、纯js实现（缺点就是没有控件和更多的扩展功能）var audio= new Audio("/music/error.mp3");//这里的路径写上mp3文件在项目中的绝对路径audio.play();//播放audio.pause();//停止2、搭配audio标签<audio src="/i/horse.ogg" controls="controls">Your browser does not support the audio element.</audio>原创 2021-09-09 16:38:46 · 1195 阅读 · 0 评论 -
a标签清除默认样式，清除默认样式
清除默认样式的思路：总想着有个api可以一键清除样式，其实是做不到的，只能看默认的样式是什么。然后老老实实的找到这个css属性，利用层叠性将他覆盖掉。<a href="#" style="text-decoration:none;color: black;">我是测试</a>...原创 2021-08-31 16:22:10 · 1475 阅读 · 0 评论 -
修改video标签自带按钮的默认样式
这里所说的修改video标签中自带按钮的默认样式，指的是用css就可以控制视频播放按钮的大小等我们来看一下 video 的内部构造：chrome 下，开发者工具 setting Preferences Elements 勾选 “Show user agent shadow DOM”再回来看，已经可以看到 video 的内部结构了看一眼，有没有看到很熟悉的 -webkit-media-controls-fullscreen-button ？确实如此，其他的按钮，包括播放按钮、播放进度条、静原创 2021-08-30 14:54:31 · 2677 阅读 · 0 评论 -
form表单中的name属性
name属性如果给[ ]，在提交表单的时候会把多个name值自动组成数组提交size属性表现为两种属性，一种是type为text和password,size表现为可见内容的宽度，其他类型的input框表现为以像素为单位的输入字段宽度；常见用法：<p>PIN: <input type="text" name="pin" maxlength="2" size="2" /></p>用maxlength配合size属性进行直接布局注意size属性有兼容性问题，一般不要.原创 2021-08-27 15:53:21 · 1382 阅读 · 0 评论 -
DOM元素的特性和属性
1、特性 每个DOM元素都有一或多个特性，特性用来给出相应元素或其内容的附加信息， 特性名称不区分大小写。 特性设置： 通过在HTML文档标签中设置`attributeName='value'`， 或者通过`element.setAttribute('attributeName','value')`设置； 特性访问：通过`element.getAttribute(attributeName)`取得特性值； 删除特性：通过方法`element.remo原创 2021-08-19 21:34:54 · 1021 阅读 · 0 评论 -
document、offsetWidth、clientWidth、scrollWidth
关于js中的offsetWidth、clientWidth、scrollWidth等一系列属性及其方法一直都傻傻分不清，这里就来总结一下这些方法的用法和含义。注意： 下面元素属性和元素方法都通过 elem.属性 或 elem.方法 的方式使用，window属性通过 window.属性 的方式使用，document属性则通过document调用。/* ****** 元素视图属性 * offsetWidth 水平方向 width + 左右padding + 左右border-width * offse原创 2021-08-11 17:07:47 · 246 阅读 · 0 评论 -
＜sub＞、＜sup＞，H2O2,O2
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.原创 2021-04-24 12:37:30 · 105 阅读 · 0 评论