zoukankan html css js c++ java

JavaScript: Where to Insert JavaScript and output

1、Javescript in <head>

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>

<h2>JavaScript in Head</h2>

<p id="demo">A Paragraph.</p>

<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

2、Javescript in <body>

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript in Body</h2>

<p id="demo">A Paragraph.</p>

<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>

</body>
</html>

3、Javescript in an external file、url、 folder

<!DOCTYPE html>
<html>
<body>

<h2>External JavaScript</h2>

<p id="demo">A Paragraph.</p>

<button type="button" onclick="myFunction()">Try it</button>

<p>(myFunction is stored in an external file called "myScript.js")</p>

<script src="myScript.js"></script>
<script src="https://www.w3schools.com/js/myScript.js"></script>
<script src="/js/myScript.js"></script>

</body>
</html>

writing into the html output / html elemnt / window alert box/ browser console

查看全文

相关阅读:
PHP5.5新特性
 并发导论【转】
Redis常用数据结构和操作
 git常用命令【转】
curl 的用法指南
 pycurl模块
 单点登陆
 MySql 里的IFNULL、NULLIF和ISNULL用法
 Mysql coalesce()函数认识和用法
 python文件操作

原文地址：https://www.cnblogs.com/Nyan-Workflow-FC/p/10609295.html