外联js代码怎么改为内联js，求格式，求范例

JavaScript07

外联js代码怎么改为内联js，求格式，求范例,第1张

外联js:

index.html中的代码

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script type="text/javascript" src="print.js"></script>

</head>

<body onload="print()">

</body>

</html>

print.js中的代码

function print() {

    alert("我是外联js")

}

代码结构

运行结果:

改为内联js

index.html中的代码:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body onload="print()">

</body>

<script>

    function print() {

        alert("我是内联js")

    }

</script>

</html>

运行结果:

<!--js引入外接文件-->

<script type="text/javascript" src="外部js的路径（xxxx.js）"></script>

<!--css引入外接文件-->

<link href="外部css文件路径（xxxx.css）" type="text/css" rel="stylesheet" />

<!--例子-->

<script type="text/javascript" src="/js/action.js"></script>

<link href="/css/style.js" type="text/css" rel="stylesheet" />