HTML 与 javascript 自解码机制

img.jpg
关于这个自解码机制,我们直接以一个例子(样例0)来进行说明:

1
<input type="button" id="exec_btn" value="exec" onclick="document.write ('<img src=@ onerror=alert(123) />')" />

我们假设document.write里的值是用户可控的输入,点击后,document.write出现一段 img HTMLonerror里的 JavaScript 会执行。此时陷阱来了,我们现在提供一段HtmlEncode函数如下(样例A):

Web 前端 黑客技术—— 浏览器劫持技术

timg.jpg

1.前言


相信大家都遇到过这样的情况:
当你在家正兴致勃勃的网上冲浪的时候,忽然之间,所有网页都打不开了,所有联网的软件都无法联网了,用测速软件测网速,网速却显示正常,但就是无法浏览网页或者打开网页奇慢。

这是什么原因呢?
很不幸的告诉你,这是因为你的 DNS 被劫持

HTML 5 基础之 文本 强制不换行

在我们开发网站的过程中常常会遇到文本被强制换行的情况发生,比如:

强制换行案例
图中一个完整的 a 标签被活生生截断(强制换行),这往往不是我们所想要的,但是这也是我们无法避免的,因为在网站开发过程中,我们往往无法做到精确计算出能够完美展示所容纳文本格式的空间大小。

遇到这种情况一般的处理思路要么想办法算距离,要么一点一点的调节以达到预期要求,但是,这样做既费时又费力,那么有什么办法能一劳永逸呢?

实现鼠标 hover 元素中心点放大效果

对于之前实现鼠标 hover 元素从隐藏到出现的方法常用的有两种:

1.通过display:none;或者 visibility:hidden;来实现元素的隐藏,而通过设置被 hover 元素 display:block;或者 visibility:visible;来实现元素的重新显示。
2.通过设置宽或者高为 0 来实现元素隐藏,而通过重新设置被 hover 元素的宽高来实现元素的显示。

HTML 5 基础之 hover 疑难杂症

之前在做网页的过程( 纯 HTML + CSS )中遇到过这么一个问题:当父级在使用了定位的情况下,如何实现父级能够覆盖通过hover显示的子级的部分区域?(情况如图所示)

Image.png

如图所示的情况,是需要通过父级的白色背景来覆盖子级的边框以实现图中的效果

|