前端零碎知识

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

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

max-width:100%:如果img宽度大于div宽度,img就显示div100%宽度,否则就显示img的宽度;
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:;"

原文地址:https://www.cnblogs.com/saolv/p/10840814.html