前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Web前端-JavaScript基础教程下

Web前端-JavaScript基础教程下

作者头像
达达前端
发布2019-07-03 10:30:37
3720
发布2019-07-03 10:30:37
举报
文章被收录于专栏:达达前端
Web前端-JavaScript基础教程下

Web前端-JavaScript基础教程下

<script>有6个属性:

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

charsetsrc属性指定字符集。

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

language已废弃。

src表示执行外部文件。

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

代码语言:javascript
复制
<script type="text/javascript" src="dashu.js"></script>
代码语言:javascript
复制
<script  src="dashu.js"></script>
代码语言:javascript
复制
<head>
<script></script>
</head>
代码语言:javascript
复制
<body>
<script></script>
</body>

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

代码语言:javascript
复制
<script defer="defer"></script>

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

代码语言:javascript
复制
<script type="text/javascript">
 function hello() {
  alert("hello");
 }
</script>
代码语言:javascript
复制
// 引用外部文件
<script type="text/javascript" src="example.js"></script>

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

代码语言:javascript
复制
<!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属性

代码语言:javascript
复制
<!DOCTYPE html>
<html>
 <head>
  <title></title>
  <script type="text/javascript" async src=""></script>
</head>
<body>
</body>
</html>

xhtml可扩展超文本标记语言

代码语言:javascript
复制
<script type="text/javascript">
 function compare(a,b){
  if(a<b){
  }else{
  }
 }
</script>

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

代码语言:javascript
复制
<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区分大小写,标识符,第一个字符以字母,下划线或一个美元符号,其他可以是字母,下划线,美元符号,或数字。

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

严格模式:

代码语言:javascript
复制
"use strict"; 

关键字:

代码语言:javascript
复制
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,

保留字:

代码语言:javascript
复制
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
代码语言:javascript
复制
function test() {
 var msg = "hello"; // 局部变量
}
test();

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

数据类型:

代码语言:javascript
复制
Undefined, null, boolean, number, string, object

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

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

undefined类型

代码语言:javascript
复制
var message;
console.log(message == undefined); // true;

结言

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

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

作者简介

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

努力努力再努力Jeskson

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.05.11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 结言
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档