javascript冷门吗_分享几个html5冷门小知识

HTML是Web同一语言，这些容纳在尖括号里得大略标签，构成了如今得Web。1991 年，Tim Berners-Lee编写了一份叫做“HTML 标签”得文档，内里包括了大约20个用来标记网页得 HTML标签。他直接借用SGML得标记款式，也便是其后我们看到得HTML标记得款式。

今天互吾小编就整理下，那些你可能不知道的html5冷知识。

浏览器地址栏运行JavaScript代码

这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如：

注意，执行javascript代码，要在浏览器中手工输入，的话，IE及Chrome会自动去掉代码开头的javascript:，所以需要手动添加起来才能正确执行，而Firefox中虽然不会自动去掉，但它根本就不支持在地址栏运行JS代码！！

浏览器地址栏运行HTML代码

如果说上面那条小秘密知道的人还算多的话，这条秘笈知道的人就要少一些了，在非IE内核的浏览器地址栏可以直接运行HTML代码！

反正连互吾小编我，也是最近才无意中得知的。

比如在地址栏输入以下代码然后回车运行，会出现指定的页面内容。

如下图：

把浏览器当编辑器

还是浏览器地址栏上做文章，将以下代码贴到地址栏运行后浏览器变成了一个原始而简单的编辑器，与Windows自带的notepad一样，吼吼。

如下图：

归根结底多亏了HTML5中新加的contenteditable属性，当元素指定了该属性后，元素的内容成为可编辑状态。

推而广之，将以下代码放到console执行后，整个页面将变得可编辑！

如下图：

利用a标签自动解析URL

很多时候我们有从一个URL中提取域名，查询关键字，变量参数值等的需要，而万万没想到可以让浏览器方便地帮我们完成这一任务而不用我们写正则去抓取。方法就在JS代码里先创建一个a标签然后将需要解析的URL赋值给a的href属性，然后就得到了一切我们想要的了。

如下图：

用上面方法，对浏览器参数进行操作！

页面拥有ID的元素会创建全局变量

在一张HTML页面中，所有设置了ID属性的元素会在JavaScript的执行环境中创建对应的全局变量，这意味着document.getElementById像人的阑尾一样显得多余了。但实际项目中最好老老实实该怎么写就怎么写，毕竟常规代码出乱子的机会要小得多。

如下图：

加载CDN文件时，可以省掉HTTP标识

现在很流行的CDN即从专门的服务器加载一些通用的JS和CSS文件，出于安全考虑有的CDN服务器使用HTTPS方式连接，而有的是传统的HTTP，其实我们在使用时可以忽略掉这个，将它从URL中省去。

利用script标签保存任意信息

将script标签设置为type='text'然后可以在里面保存任意信息，之后可以在JavaScript代码中很方便地获取。

当然，冷知识远不止这些呢。

【相关推荐】

1. 免费h5在线视频教程

2. HTML5 完整版手册

3. php.cn原创html5视频教程

javascript冷门吗_分享几个html5冷门小知识相关推荐

分享二十条机械设计小知识
分享二十条机械设计小知识一.螺纹联接的防松原因和措施是什么? 原因:螺纹联接在冲击,振动和变载的作用下,预紧力可能在某一瞬间消失,联接有可能松脱,高温的螺纹联接,由于温度变形差异等原因,也可能发生松 ...
用html5做一个介绍自己家乡的页面_厚溥资讯 | HTML5的小知识点小集合（上）
1.Doctype作用?标准模式与兼容模式各有什么区别? (1)声明位于位于HTML文档中的第一行,处于标签之前.告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文 ...
github高级搜索技巧_分享 | 一些 GitHub 的使用小技巧
点击上方蓝字设为星标每周一.三.五上午 8:30 准时推送下面开始今天的学习- 作为程序员而言,GitHub 的使用频率可能并不亚于 Google.对于 Google 我们知道一些高级搜索(比如要 ...
微信商城小程序怎么做_分享实体店做微信商城小程序制作步骤
各行各业都在用微商城小程序开店,不管是餐饮店还是便利店,还是五金店.都是可以利用微信小程序开一个线上店铺.实现线上跟线下店铺更加全面的结合.维护好自己的老客户.让您的客户给您拉新,带来新客户. 小程序 ...
拼团返利商城小程序怎么搭建_分享拼团返利商城小程序的作用
传统的抽奖活动已经开始出现了疲软的现象,单一的抽奖模式在吸引力上显然不断下降,而且随着越来越多的抽奖骗局,大家对于抽奖活动的参与与否更加谨慎.要想打开这个僵持的局面,就需要开发出新的拼团返利小程序抽奖 ...
python输入10个数据_分享10个数据分析的小技巧（Python）
一些小提示和小技巧可能是非常有用的,特别是在编程领域.有时候使用一点点黑客技术,既可以节省时间,还可能挽救"生命". 一个小小的快捷方式或附加组件有时真是天赐之物,并且可以成为真正 ...
水果店微信小程序开发_分享水果店做微信小程序的好处
水果店做小程序如何赚钱?大多数商家都在促销降价,互相比低价,亏本赚吆喝. 而我们用游戏+抽奖作为噱头,引起顾客的好奇心,不管线上还是线下,顾客手机打开就能玩,而且所有玩游戏的顾客都会自动成为你家会员, ...
医院微信预约挂号小程序开发_分享医院做预约挂号小程序的可以实现什么功能
小程序有 60+入口,在微信生态链中无处不在,只要客户是微信用户,他们可以根据搜索.二维码朋友圈找到你的小程序.哪怕是医药行业,也可以做个医院小程序来提高预约和经营运转的效率,解放人力. 1.医院微信 ...
印章如何去蜡_手帐丨蜡封印章小知识分享
看一些欧洲老电影的时候,经常会有主角们坐在桌前用拆信刀,把印有蜡封的秘密信件打开的镜头. 信封口上那朱红色的蜡封凹印,既神秘又优雅.今天就来一一揭开蜡封印章的神秘面纱. ♔ 蜡封印章的由来蜡封印章又 ...

javascript冷门吗_分享几个html5冷门小知识

javascript冷门吗_分享几个html5冷门小知识相关推荐

最新文章

热门文章