![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
前端小生
前端小生,读通JavaScript高级程序设计!
展开
-
js银行卡每四位加空格正则表达式
onInputChange = (ev, inputType) => { let value = ev.target.value; if (inputType == 'card') { if (/^[\d]{0,19}$/.test(value.replace(/\s/g, ''))) { //每四位数字加一个原创 2017-09-01 10:33:13 · 4437 阅读 · 0 评论 -
js的判断浏览器,判断是不是安卓或IOS
var client = function() { //呈现引擎 var engine = { ie: 0, gecko: 0, webkit: 0, khtml: 0, opera: 0, //完整的版本号 ver: null }; //浏览器 var browser = { ...原创 2017-06-10 23:51:25 · 849 阅读 · 0 评论 -
使用 JavaScript 总结
把 JavaScript 插入到 HTML 页面中要使用<script>元素。使用这个元素可以把JavaScript嵌入到HTML页面中,让脚本与标记混合在一起;也可以包含外部的JavaScript文件。1、在包含外部 JavaScript文件时,必须将src 属性设置为指向相应文件的 URL。而这个文件既可以是与包含它的页面位于同一个服务器上的文件,也可以是其他任何域中的文件。2、所...原创 2017-05-30 16:04:43 · 355 阅读 · 0 评论 -
JavaScript <noscript>标签元素
1、<noscript>可以包含能够出现在文档<body>元素中的任何HTML元素,<script>元素除外;2、<noscript>元素中的内容只有在以下两种情况下才会显示出来:1)浏览器不支持脚本;2)浏览器支持脚本,但脚本被禁用。<html><head><title>Example HTML Page&a原创 2017-05-30 15:54:33 · 708 阅读 · 0 评论 -
JavaScript 优先使用外部引用脚本方式
关于推荐使用外部引用脚本的方式的原因:1、可维护性:把js脚本文件统一放在一个文件夹里方便管理;2、可缓存:浏览器能够根据具体的设置缓存链接的所有外部JavaScript文件。如果两个文件引用同一个JavaScript文件,浏览器只需下载一次文件就好,这样有利于页面加载;3、适应未来:HTML和XHTML包含外部文件的语法是相同的,就不用繁琐处理js脚本在XHTML上出现某些符号不符合XHTML规...原创 2017-05-30 15:33:10 · 2286 阅读 · 0 评论 -
JavaScript 文档模式
文档模式主要有两种,标准模式和混杂模式,后来IE又提出了准标准模式。在文档开头没有发现文档声明类型时,所有浏览器默认开启混杂模式,这种模式在不同的浏览器下的行为差异很大,会出现很多兼容问题,跨浏览器的行为根本没有一致性可言。开启标准模式:<!-- HTML 4.01 严格型 --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"...原创 2017-05-30 15:48:10 · 670 阅读 · 0 评论 -
JavaScript 中的CData
CData是XHTML(XML)文档中的一个特殊区域,这个区域可以包含任意格式的不需要解析的文本内容,可以用于解决js脚本在XHTML(XML)文档中特殊符号如 < 报错的问题。1、在兼容XHTML(XML)的浏览器中:<script type="text/javascript"><![CDATA[ function compare(a, b) { ...原创 2017-05-30 15:09:37 · 1486 阅读 · 0 评论 -
JavaScript 脚本下载解释执行阻塞页面优化
优化原因:在前端页面加载过程中,JavaScript代码的下载、解释和执行会阻塞页面的其他执行(此时页面会一片空白),浏览器在遇到<body>标签才开始呈现内容。优化建议:1、把JavaScript引用放在<body>元素中内容的后面:<!DOCTYPE html><html><head><title>Example H...原创 2017-05-30 14:51:21 · 1200 阅读 · 0 评论 -
JavaScript <script>元素
HTML 4.01 为<script>定义了下列6 个属性。async:可选。立即下载js脚本,但不阻碍页面的其他操作,例如构建dom树、下载其他资源或等待加载其他脚本。只对外部脚本文件有效。charset:可选。设置 src属性指定的代码的字符集。由于大多数浏览器会忽略它的值,因此这个属性很少有人用。defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件...原创 2017-05-30 14:21:25 · 782 阅读 · 0 评论