DW中怎么编写JavaScript脚本语言?

DW中怎么编写JavaScript脚本语言?,第1张

在任何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>

上面两种的运性结果一样,都是在浏览器中d出一个提示框

<script type='text/javascript' src='../js/sm.min.js' charset='utf-8'></script>

如上 将js引用到当前页面 dw只是编辑工具

两种方式:

第一种:在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 Document

alert("执行的是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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11612564.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存