随笔分类 - WEB前端
摘要:JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回结果在iframe中进行显示,实现主页面不刷新效果,也可以模拟上传文件,推荐使用,兼容性最好 基于jquery的ajax Get请求,参数(URL,数据,回调函
阅读全文
摘要:引入jquery <script src="https://blog-static.cnblogs.com/files/dongxiaodong/jquery-3.3.1.min.js"></script> 获取标签对象 字符串内容与css相似确定样式组相似 通过id $("#pidx") 通过标签
阅读全文
摘要:存储 实现内容的永久保存(localStorage) 保存: 获取: 只在当前页面存储(sessionStorage) 保存和获取方法与上相同 缓存 CACHE MANIFEST在该标题下列出的文件将会在首次进行缓存 NETWORK 在该标题下的文件将不进行缓存 FALLBACK在该标题下的文件将会
阅读全文
摘要:Workers异步任务 开始(注册): 任务文件(dong.js): 停止任务: 获取服务器实时数据 客户端实现EventSource,定时访问(一般在2-3秒频率)服务器以刷新页面,每次访问会执行完服务器脚本的所有内容,服务器可以使用ob_flush();flush();进行一次访问数据的多条分别
阅读全文
摘要:音频播放 点击试试: 音频播放失败 其中controls="controls"表示添加标准的控件,该标准控件依赖于浏览器 <audio src="img/老街旧友故事和酒.mp3" controls="controls">音频播放失败</audio> 属性补充 自动播放(部分浏览器不支持,测试谷歌浏
阅读全文
摘要:事件处理 【onClick】单击事件、【onMouseOver】鼠标经过事件、【onMouseOut】鼠标移出事件、【onChange】文本内容改变事件、【onSelect】文本被框选事件、【onFoucus】得到光标事件、【onBlur】光标失去事件、【onLoad】网页加载事件(在body标签中
阅读全文
摘要:Js屏幕输出 重定向页面输出: 更改输出流,如果在加载时使用则会正常排序,如果在HTML加载完成后使用,如点击事件,则会全部覆盖原HTML的内容。 弹框网页: 可以实现打开一个类似于提示栏窗口网页。 关闭当前窗口 添加参数(URL,唯一名,样式) 参数表: channelmode=yes|no|1|
阅读全文
摘要:Js的外部引用 外部文件中不用添加<script>标签,引用书写位置需在使用之前 <script type="text/javascript" src="xx.js"></script> DOM操作 获取节点对象: 通过标签的id属性值进行查找,结果唯一 divobjx=document.getEl
阅读全文
摘要:CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。 样式插入引用 外部
阅读全文
摘要:标准格式(XHTML) l 元素必须正确嵌套 l 元素必须始终关闭 l 元素名和属性名必须小写 l 文档必须有且仅有一个根元素 l 属性值必须使用双引号括起来 l 声明文档为标准的HTML格式,需在文档开头加入【<!DOCTYPE html>】 标签属性相关: <标签名 属性名=“属性值”>……</
阅读全文
摘要:1、<head>标签里: <meta http-equiv="Refresh" content="3"/><!--三秒自动刷新--> <meta http-equiv="Refresh" content="3;Url=http://www.baidu.com"/><!--三秒自动跳转网站--> <m
阅读全文