Web前端-JavaScript基础教程下

Web前端-JavaScript基础教程下

<script>有6个属性：

async对外部脚本有效，可以用来异步操作，下载东西，不妨碍其他操作。

charset为src属性指定字符集。

defer表示脚本延迟，等到文档被解析显示后才执行。

language已废弃。

src表示执行外部文件。

type表示使用脚本语言的类型。

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

<script  src="dashu.js"></script>

<head>
<script></script>
</head>

<body>
<script></script>
</body>

脚本会被延迟到整个页面解析完毕后运行，不会影响页面结构：

<script defer="defer"></script>

type编写代码使用的脚本语言的内容类型。

<script type="text/javascript">function hello() {alert("hello");}
</script>

// 引用外部文件
<script type="text/javascript" src="example.js"></script>

defer表示脚本会被延迟到整个页面加载完毕后运行。

<!DOCTYPE html>
<html><head><title></title><script type="text/javascript" defer="defer" src=""></script><script type="text/javascript" defer="defer" src=""></script></head><body></body>
</html>

异步脚本使用async属性

<!DOCTYPE html>
<html><head><title></title><script type="text/javascript" async src=""></script>
</head>
<body>
</body>
</html>

xhtml可扩展超文本标记语言

<script type="text/javascript">function compare(a,b){if(a<b){}else{}}
</script>

<noscript>元素，浏览器不支持脚本，浏览器支持脚本，但脚本被禁用。

<html><head><title></title><script type="text/javascript" defer="defer" src=""></script></head><body><noscript><p>需要浏览器启用javascript</p></noscript></body>
</html>

javascript的使用要用<script>元素，外部的文件使用src指向相应的文件，<script>会按照他们在页面的先后依次被解析，defer属性可以让当前脚本不必等待其他脚本，使用<noscript>元素可以指定在不支持脚本的浏览器中显示替代的内容。

基本语法，数据类型：

javascript区分大小写，标识符，第一个字符以字母，下划线或一个美元符号，其他可以是字母，下划线，美元符号，或数字。

不能把关键字，保留字等用作标识符。

严格模式：

"use strict";

关键字：

break,case,catch,continue,default,delete,
do,else,finally,for,function,if,in,
instanceof,new,return,switch,this,throw,try,
typeof,var,void,while,with,

保留字：

abstract,enum,int,short,
boolean,export,interfacee,static,
byte,char,class,const,double,
extends,final,float,goto,implements,import,
interface,long,native,package,private,protected,public
short,static,super,synchronized,throws,volatile

function test() {var msg = "hello"; // 局部变量
}
test();function test() {msg = "hello"; // 全局变量
}
test();

数据类型：

Undefined, null, boolean, number, string, object

undefined未定义；
boolean布尔值；
string字符串；
number数值；
object对象或null；
function为函数。

type操作符用来判断变量的数据类型。

undefined类型

var message;
console.log(message == undefined); // true;

结言

好了，欢迎在留言区留言，与大家分享你的经验和心得。

感谢你学习今天的内容，如果你觉得这篇文章对你有帮助的话，也欢迎把它分享给更多的朋友，感谢。

作者简介

达叔，理工男，简书作者&全栈工程师，感性理性兼备的写作者，个人独立开发者，我相信你也可以！阅读他的文章，会上瘾！，帮你成为更好的自己。长按下方二维码可关注，欢迎分享，置顶尤佳。

转载于:https://www.cnblogs.com/dashucoding/p/11140252.html

Web前端-JavaScript基础教程下相关推荐

Web前端-JavaScript基础教程上
Web前端-JavaScript基础教程将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...
web前端学习基础教程，简单的图片旋转木马自动轮播js代码
一款简单的图片旋转木马自动轮播js代码,图片叠加轮播切换效果,支持点击左右箭头按钮控制切换. 案例效果图案例源码: <!DOCTYPE html> <html lang=" ...
web前端入门基础教程
了解 WEB 前端(HTML5) 随着互联网与移动互联网的迅猛发展和普及,传统的站点已经不在能满足人们的需求.而现在网上购物,网上直播,网上订餐等都已经成为生活的一部分.而这些内容的呈现,就是 WE ...
Web前端开发基础教程二
注释和特殊字符: 如果需要在html文档添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签. html中的注释以"<!--"开头,以"--& ...
Web前端开发精品课HTML CSS JavaScript基础教程JavaScript部分知识点总结
内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结第24章 JavaScript简介 1.HTML是网页的结构,CSS是网页的外观,而JavaScript是网 ...
Web前端开发精品课HTML CSS JavaScript基础教程HTML部分知识点总结
内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结第1章 HTML简介 1.前端技术简介 (1)从Web1.0到Web2.0,网页制作已经变成前端开发了. ...
Web前端开发精品课HTML CSS JavaScript基础教程CSS部分知识点总结
内容来自莫振杰Web前端开发精品课HTML CSS JavaScript基础教程章节总结第11章 CSS简介 1.HTML是网页的结构,CSS是网页的外观,JavaScript是网页的行为. 2. ...
好程序员web前端教程分享web前端入门基础知识
好程序员web前端教程分享web前端入门基础知识,作为合格的Web前端工程师必须得掌握HTML.CSS和JavaScript.只懂其中一两个还不行,必须对这三门语言都要熟悉.下面我们一起来看一看吧! ...
【尚硅谷】Web前端零基础入门HTML5+CSS3基础教程
[尚硅谷]Web前端零基础入门HTML5+CSS3基础教程学习视频来源:哔哩哔哩弹幕网(https://www.bilibili.com/video/BV1XJ411X7Ud?spm_id_from ...

Web前端-JavaScript基础教程下

结言

Web前端-JavaScript基础教程下相关推荐

最新文章

热门文章