Web前端-JavaScript基础教程下

Web前端-JavaScript基础教程下

Web前端-JavaScript基础教程下

<script>有6个属性:

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

charsetsrc属性指定字符集。

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;

结言

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

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

作者简介

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

努力努力再努力Jeskson

posted @ 2019-05-11 22:47  达达前端  阅读(217)  评论(0编辑  收藏  举报