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;

结言

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

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

作者简介

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

Web前端-JavaScript基础教程下的更多相关文章

  1. Web前端-JavaScript基础教程上

    Web前端-JavaScript基础教程 将放入菜单栏中,便于阅读! JavaScript是web前端开发的编程语言,大多数网站都使用到了JavaScript,所以我们要进行学习,JavaScript ...

  2. Web前端-Ajax基础技术(下)

    Web前端-Ajax基础技术(下) 你要明白ajax是什么,怎么使用? ajax,web程序是将信息放入公共的服务器,让所有网络用户可以通过浏览器进行访问. 浏览器发送请求,获取服务器的数据: 地址栏 ...

  3. web前端学习（四）JavaScript学习笔记部分（1）-- JavaScript基础教程

    1.JavaScript基础教程 1.1.Javascript基础-介绍.实现.输出 1.1.1.JavaScript是互联网上最流行的脚本语言,这门语言可用于web和HTML,更可广泛用于服务端.p ...

  4. Web前端开发基础 第一天（Html和CSS）

    学习web前端开发基础技术需要掌握:HTML.CSS.JavaScript语言.下面我们就来了解下这三门技术都是用来实现什么的: 1. HTML是网页内容的载体.内容就是网页制作者放在页面上想要让用户 ...

  5. 网络统计学与web前端开发基础技术

    网络统计学与web前端开发基础技术 学习web前端开发基础技术(网页设计)需要了解:HTML.CSS.JavaScript三种语言.下面我们就来了解一下这三门技术在网页设计中的用途: HTML是网页内 ...

  6. 《JavaScript基础教程（第8版）》PDF

    简介:JavaScript基础教程(第8版)循序渐进地讲述了JavaScript及相关的CSS.DOM.Ajax.jQuery等技术.书中从JavaScript语言基础开始,分别讨论了图像.框架.浏览 ...

  7. 现代前端技术解析：Web前端技术基础

    ​ 最近几年,越来越多的人投入到前端大军中:时至至今,前端工程师的数量仍然不能满足企业的发展需求:与此同时,互联网应用场景的复杂化提高了对前端工程师能力的要求,一部分初期前端工程师并不能胜任企业的工作 ...

  8. Web前端之基础知识

    学习web前端开发基础技术须要掌握:HTML.CSS.Javascript 1.HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息,能够包括文字.图片.视频等. 2.CSS样式 ...

  9. Web前端-Ajax基础技术(上)

    Web前端-Ajax基础技术(上) ajax是浏览器提供一套的api,用于向服务器发出请求,接受服务端返回的响应,通过javascript调用,实现通过代码控制请求与响应,实现网络编程. ajax发送 ...

随机推荐

  1. oracle给用户授权存储过程

    https://www.jianshu.com/p/fab356d68ae2 grant connect,resource to xinomonitor; 发现不能进行断点调试,然后授如下权限 gra ...

  2. zabbix 数据库分表操作

    近期zabbix数据库占用的io高,在页面查看图形很慢,而且数据表已经很大,将采用把数据库的数据目录移到新的磁盘,将几个大表进行分表操作 一.数据迁移: 1.数据同步到新的磁盘上,先停止mysql(不 ...

  3. Informix从一个表更新多选数据到另一个表

    功能如题, Informix从一个表更新多选数据到另一个表 例如, 要更新tab01的几个字段数据, 这些数据来自tab02, tab01和tab02之间通过id关联 参考语句: update tab ...

  4. 可以在一个.java文件中写两个类吗?

    一个java文件中可以有任意多个类,接口或是注解..但是只能有一个类是public的,而且这个类的名字要和文件同名,比如public类名为A则文件名就应当为A.java

  5. HTTP协议的详解

    [HTTP协议的详解] Ø 请求部分 * 请求行 * 提交方式: * 提交方式有很多,常用的GET和POST: * GET和POST的区别: * GET的提交的参数会显示到地址栏上,而POST不显示. ...

  6. flask-sqlalchemy使用及数据迁移

    flask-sqlalchemy是flask框架在sqlalchemy基础上改造的一个orm框架 现在有两个实体Article文章和Category分类 一个分类下可能有多篇文章 相关示例: 项目相关 ...

  7. SQLSEVER 不同服务器下两个结构相似的表实现数据同步（触发器）

    1.建立链接服务器 在ServerA 中创建指向ServerB的链接服务器,并做好账号映射.addlinkedserver存储过程创建一个链接服务器,参数详情参见官方文档. 第1个参数LNK_Serv ...

  8. redo log和bin log

    讲redolog和binlog之前,先要讲一下一条mysql语句的执行过程. 1.client的写请求到达连接器,连接器负责管理连接.验证权限: 2.然后是分析器,负责复习语法,如果这条语句有执行过, ...

  9. 外网Telnet虚拟机，及nat配置等

    环境整体是使用GNS3,通过cloud真实连接到虚拟机 cloud1 nginx主机 cloud2 nginx主机https连接 cloud3 Internet测试主机 下面贴每个网络设备配置,特别注 ...

  10. php 图片与base64互转

    header('Content-type:text/html;charset=utf-8'); //读取图片文件,转换成base64编码格式 $image_file = '1.png'; $image ...