您的位置:首页 > Web前端 > JavaScript

JavaScript-基础入门.0002.JavaScript快速使用

2017-03-10 00:00 405 查看
常用属性:

属性名称属性说明
src表示包含要执行代码的外部文件,常用来引用外部的js文件
type表示代码使用的脚本语言的内容类型
1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>

<html>

<head>

<meta charset=
"UTF-8"
>

<title>]</title>

</head>

<body>

<script type=
"text/javascript"
>

alert(
'Hello Word!'
);

</script>

</body>

</html>

注意事项:

1. 如果你想弹出一个</script>标签的字符串,内部js会误解成Js代码的结束,可通过+连接分解</script>将字符串分为两个部分,但是外部引用的js是无需加号拼接的

1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>

<html>

<head>

<meta charset=
"UTF-8"
>

<title></title>

</head>

<body>

<script type=
"text/javascript"
>

alert(
'</scr'
+
'ipt>'
);

</script>

</body>

</html>

2. Js代码越来越庞大时,最好把它另存为一个.js文件,通过src来引用,这样具有维护性高,可缓存(加载一次,无需加载),方便未来扩展的特点

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>

<html>

<head>

<meta charset=
"UTF-8"
>

<title></title>

</head>

<body>

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

</body>

</html>

3. 对于不支持JavaScript平稳的处理方式是通过<noscript></noscript>实现?

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>


8000
<html>

<head>

<meta charset=
"UTF-8"
>

<title></title>

<noscript>此网站必须启用JavaScript支持!</noscript>

</head>

<body>

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

</body>

</html>

登录乐搏学院官网http://www.learnbo.com/

或关注我们的官方微博微信,还有更多惊喜哦~



本文出自 “满满李 - 运维开发之路” 博客,请务必保留此出处http://xmdevops.blog.51cto.com/11144840/1846116
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: