JavaScript引入方式

最新推荐文章于 2024-06-09 19:30:00 发布

左撇丶

最新推荐文章于 2024-06-09 19:30:00 发布

阅读量184

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_44746754/article/details/126876840

版权

本文详细介绍了JavaScript的三种常见引入方式：外部引用、行内脚本和内部脚本。重点讲解了如何通过src属性进行外部文件链接，以及如何在HTML元素中嵌入直接执行的脚本，以及内部脚本在页面加载时机上的注意事项。

摘要由CSDN通过智能技术生成

JavaScript引入方式

外部引用(推荐，常用)

<script type="text/javaScript" src="./js/index.js"></script>

行内引用

<input type="button" value="按钮" onclick="alert('弹出警告框')"></input>

3.内部引入

/*注意浏览器渲染过程，在head之间和在body之间以及body之后的js顺序不同，
可能影响结果*/
<script>
    let eye=document.getElementById('eye');
    let pwd=document.getElementById('pwd');
    console.log(1);
    let flag=0;
    eye.onclick=function(){
        if(flag==0){
        pwd.type='text';
        eye.src='success.png'
        flag=1;
    }else{
        pwd.type='password';
        eye.src='error.png';
        flag=0;
    }
    }