JavaScript语法形式3 外链式

2024-02-28 17:29•javascript•阅读 2169

定义 script 标签,在 script 标签中,通过src属性导入外部js文件,并且加载执行外部js文件中国的程序代码内容

因为代码执行顺序问题,一般定义 script 标签在 body标签内容的最下方

如果 script 标签带有 src 属性,那么就只会执行外部式写在 script 标签内容中的内部式不会被执行,是无效代码

<!DOCTYPE html>

<html >

<head>

<title>Document</title>

<style>

.div1{ color : red ; }

</style>

</head>

<body>

</body>

</html>

下面是demo.js里面的代码

window.alert('我是外部程序');

const oDiv = document.querySelector('div');

oDiv.onclick = function(){

this.innerHTML = '实在是热啊,能不能有人帮我拿个冰镇饮料';

this.style.color = 'pink';

}

这里是演示无效代码

<!-- 带有 scr 属性的script 标签,只会执行外部式

内容中的 JavaScript 代码是无效的

-->

// 无效代码

const oDiv = document.querySelector('div');

oDiv.onclick = function(){

this.style.color = 'red';

this.style.fontSize = '100px';

this.style.background = 'orange';

}

</script>