html
关注
分享
扫一扫
文章平均质量分 64
雾里看花叹朦胧
心有多大，天有多高。
展开
-
页面 logo书写
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Logo</title> <style> /* logo 最好不要使用img，而是使用background-img 因为img未加载完成或失败时，有失败的默认样式显示 css未加载成功或完成时，显示原创 2020-12-02 22:59:06 · 210 阅读 · 0 评论 -
Dom事件模型
Dom事件模型，是W3C Dom事件规范的一种。主要有：DOM0 级事件处理程序 | DOM基本事件模型DOM2 级事件处理程序IE独有的事件模型DOM3 级带伤处理程序DOM0是Dom事件定义的原始阶段，也是最混乱的，但兼容性也是最高的。DOM0就是on的方式绑定事件，包括：HTML 中 on<button type="button" onclick="test...原创 2020-03-30 23:23:38 · 376 阅读 · 0 评论 -
JS html 实现全屏
首先,根据如下警告信息,可以看出,无法自动实现全屏功能,必须要手动才可以. Failed to execute ‘requestFullscreen’ on ‘Element’: API can only be initiated by a user gesture.所以要实现全屏你可以通过点击一个 button 控件，或是整个 document 添加一个click 事件,通过点击来手动实现全原创 2017-12-28 10:28:55 · 13855 阅读 · 0 评论 -
JQuery实现图片自动轮播，同时支持手动控件
这个需要简单，直接附上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>自动轮播 Jquery</title> <script src="../../j原创 2018-04-22 21:23:10 · 6989 阅读 · 0 评论 -
使用 postMessage 解决 iframe 跨域数据传输
&lt;div id="main_page" class="main_page"&gt; &lt;iframe id="main_frame" name="main_frame" width="100%" height="100%"原创 2019-02-19 17:00:50 · 944 阅读 · 0 评论 -
简述html 中的 postMessage
相关事例请参考：使用 postMessage 解决 iframe 跨域数据传输postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信，可以实现跨文本档、多窗口、跨域消息传递。postMessage(data,origin)方法接受两个参数1.data:要传递的数据，html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象，然而并不是所有浏览器都...原创 2019-02-19 17:10:31 · 728 阅读 · 0 评论 -
Browser 重流和重绘
浏览器的核心是两部分：渲染引擎和 JavaScript 解释器（又称 JavaScript 引擎）。渲染引擎渲染引擎的主要作用是，将网页代码渲染为用户视觉可以感知的平面文档。不同的浏览器有不同的渲染引擎。Firefox：Gecko 引擎Safari：WebKit 引擎Chrome：Blink 引擎IE: Trident 引擎Edge: EdgeHTML 引擎渲染引擎处理网页，...原创 2019-03-12 11:06:31 · 435 阅读 · 0 评论