前端HTML、JavaScript、CSS技术的日常记录

1. JavaScript(JS)中动态使超链接失效，一种是设置超链接的onclick事件返回false；另一种是动态地将超链接隐藏，如下图。

 

2. JS设置10秒后自动跳到某个页面

 

3. 设置表单form的action地址，主要是jQuery使用不了DOM对象的属性，所以一般使用先将jQuery对象转换为DOM对象

$(DOM对象) ==》得到jQuery对象

 

4. HTML引入另一个HTML，比如网页的导航栏和底部

① 先在当前HTML页面的head标签中写上 <link rel="import" href="要引入的HTML文件" id="自己定义的id" />；

② 然后在当前HTML页面的body标签中写上如下代码即可引入。

<script type="text/javascript">
        // 网上说head.innerHTML是引入另一个HTML的link标签，
        // 但是我测试发现link标签还是body.innerHTML引入的
        document.write(引入页面的id.import.head.innerHTML)
        document.write(引入页面的id.import.body.innerHTML)
</script>

5. 获取当前地址栏的相关信息

document.location.herf      获取当前URL
document.location.search    获取请求参数，包括 ? 
document.location.pathname  获取当前工程路径

 

 

6. URL参数栏解析

function getAction(){
    var queryStr = window.location.search.substring(1);
    var params = queryStr.split("&");
    for(var i = 0; i < params.length; i++){
        var map = params[i].split("=");
        if(map[0] === "redirect"){
            $('#redirect').val(map[1]);
        }
    }
}

 

7. JS中的return和return false

return ; 仅仅使当前函数返回，外部得到的返回值是undefined。return false；使当前函数返回的同时，可以作为一个标志位进行外部函数的将来操作。return false只是结束当前函数，并不会使外部调用的函数结束。

 

8. button标签的type属性

需要设置type=button或者type=submit，要不然默认是submit，在点击按钮后会自动提交表单。

 

9. js动态生成多个对象，不能用id，可以使用往函数传入this来为每个对象添加事件响应

 

10. 没有提示关闭当前窗口

window.open('','_self');
window.close();   # 只用这一个，IE浏览器还是会提示

 

11. 静态页面缓存