在任何IDE和编辑器中都可以编写JS前端程序,而我们只需要注意注意JS语言的规范就行了。
目前在HTML文件中,运性JS有两种方式,一种是内嵌代码;另一种是编写单独的JS文件,然后引用。
第一种:内嵌代码
就是在<script type="text/javascript"></script>中直接编写代码,例如:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>首页/title>
<script type="text/javascript">
alert("我是运性结果")
</script>
</head>
<body>
</body>
</html>
第二种:外部引用
在<script>标签上添加一个src属性指向文件地址。
例如我们在user.js文件中写上:
alert("我是运性结果")然后在HTML中引用:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>首页</title>
<script type="text/javascript" src="user.js">
</head>
<body>
</body>
</html>
上面两种的运性结果一样,都是在浏览器中弹出一个提示框
两种方式:
第一种:在html页面中内嵌javascript代码,在<script>标签中编写javascript代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
alert("执行的是javascript代码")
</script>
</head>
<body>
</body>
</html>
第二种:javascript代码写在单独的js文件中,html页面中引用;
示例:
js文件
// JavaScript Documentalert("执行的是javascript代码")
html文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js.js">
</head>
<body>
</body>
</html>