前端零碎知识

img标签设置max-width: 100%和width: 100%的问题

<div><img src=xxxx></div>

max-width：100%：如果img宽度大于div宽度，img就显示div100%宽度，否则就显示img的宽度；
width:100%：不管img宽度多少，都显示div宽度

 

 

如何防止a标签的自由自由跳转：

执行一段空白的javascript语句，返回空或者false值，从而防止链接跳转。跟当前a标签无关，这段代码始终都会执行。

演示如下：

1、设计一个a链接的代码，让其点击的时候执行一个alert(）函数：

2、此时在页面上显示一个a链接效果：

3、点击页面上的a链接，执行结果如下：

扩展资料：

其他防止页面跳转的实现方式：

1、<a href="#" >test</a>；

点击链接，页面默认上滚到页的顶部， 但可以加上 onclick="return false"，防止上滚到页的顶部。

2、<a href="####" >test</a>；

使用2个到4个#，见的大多是"####"，也有使用"#all"等其他的。一个无意义的标签指定，不做任何处理。

3、<a href="javascript：void(0);" >test</a>； 

javascript:void(0) 表示一个死链接，执行空事件。// href="javascript：void(0);" 完全等价于 href="javascript：;"