JavaScript简介
 
JavaScript是NetScape公司为Navigator浏览器开发的，是web前端卸载HTML文件中的一种脚本语言，能实现网页内容的交互显示。当用户在客户端显示该网页时，浏览器就会执行JavaScript程序，用户通过交互的操作来改变网页的内容，来实现web前端中HTML语言无法实现的效果。
 
如何使用JavaScript
 
通过<Script></Script>中直接编写
 
 <html>
<head>
<meat charSet="utf-8">
<title></title>
</head>
<body>
<Script type="text/javaScript">
alert("火星时代web前端JS课程开始啦");
</Script>
</body>
</html>
 
通过<Script Src='目标文档的URL'></Script>链接外部的JS文件
 
首先创建一个teSt.jS文件
 
代码：document.write(“thiS iS a teSt”);
 
然后编写代码:
 
<html>
 
<head>
 
<meat charSet=”utf-8”>
 
<title></title>
 
</head>
 
<body>
 
<Script type=”text/javaScript”>
 
alert("火星时代web前端JS课程开始啦");
 
</Script>
 
<Script Src=”Script/jS/teSt1.jS” type=”text/javaScript” charSet=”utf-8”>
 
</Script>
 
</body>
 
</html>
 
作为某个元素的事件属性值或者是超链接的href属性值
 
<html>
 
<head>
 
<meat charSet=”utf-8”>
 
<title></title>
 
</head>
 
<body>
 
<Script type=”text/javaScript”>
 
<alert(“火星时代web前端JS课程开始啦”)>
 
</Script>
 
<Script Src=”Script/jS/teSt1.jS” type=”text/javaScript” charSet=”utf-8”>
 
</Script>
 
<a herf=”javaScript:confirm(‘您确认报名学习JS课程吗？’);”>报名</a>
 
</body>
 
</html>
 
运行结果：
 
 
代码屏蔽
 
<Script type='text/javaScript'>
 
<!--
 
JS代码;
 
//-->
 
</Script>
 
如果浏览器不支持JS，可以使用<noScript></noScript>标签，显示noScript中的内容
 
JavaScript的基本语法
 
JavaScript的执行顺序
 
按照在HTML文件中出现的顺序依次执行
 
大小写敏感
 
JavaScript严格区分大小写
 
忽略空白符和换行符
 
语句分隔符
 
使用;结束语句
 
可以把多个语句写在一行
 
最后一个语句的分号可以省略，但尽量不要省略
 
可以使用{}括成一个语句组，形成一个块block
 
通过\对代码进行折行操作
 
document.write(' hello\
 
 world');
 
注释
 
单行注释//
 
多行注释/*注释内容*/
 
JavaScript的保留字
 
通过document.write()向文档书写内容
 
通过conSole.log()向控制台写入内容
 
JavaScript中的错误
 
语法错误
 
通过控制台进行调试
 
逻辑错误
 
通过alert()进行调试

教你如何使用JavaScript入门的更多相关文章

  1. JavaScript入门篇 编程练习

    编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...

  2. JavaScript入门

    本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type=" ...

  3. 慕课网JavaScript入门篇课程笔记

    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...

  4. JavaScript入门基础

    JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...

  5. JavaScript入门介绍(二)

    JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...

  6. JavaScript入门介绍(一)

    JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("t ...

  7. 开心菜鸟系列－－－－函数作用域（javascript入门篇）

      1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></ ...

  8. 开心菜鸟系列－－－－变量的解读（javascript入门篇）

                       console.info(         console.info(window['weiwu'])          console.info(window. ...

  9. javascript入门视频第一天 小案例制作 零基础开始学习javascript

    JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...

随机推荐

  1. eshop6-nginx

    1. Nginx 是什么? Nginx 是一款轻量级Web服务器,也是一款反向代理服务器 2. Nginx 能干什么 可以直接支持Rails 和PHP 程序 可以作为HTTP反向代理 作为负载均衡服务 ...

  2. Python 常用的标准库以及第三方库有哪些？

    作者:史豹链接:https://www.zhihu.com/question/20501628/answer/223340838来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明 ...

  3. 吴裕雄--天生自然java开发常用类库学习笔记：NumberFormat

    import java.text.* ; public class NumberFormatDemo01{ public static void main(String args[]){ Number ...

  4. NO13 Linux的基础优化-关闭SELinux功能-Linux的7种运行级别-防火墙设置-中文显示设置

    壹  安装Linux系统后调优及安全设置: 1 关闭SELinux功能: [root@localhost data]# sed 's#SELINUX=enforcing#SELINUX=disable ...

  5. 配置thinkphp对mysql线上线下切换不同环境的配置 - (mysql-thinkphp) (1)

    1.先打印出配置项的信息,在Index控制器下面的index->index里面设置 namespace app\index\controller; class Index { public fu ...

  6. ROM与RAM

    今天小姐姐来问我关于ROM.RAM和Flash的区别,我给她大致的说了一下名称和作用.可人家说她知道这玩意的名字,希望我能够接地气的解释一下什么是ROM.RAM.FLASH…… 这就把我难住了 ≧ ﹏ ...

  7. GNS3 ip route 命令解析

    ip route 120.94.0.0 255.254.0.0 172.16.252.1ip route 192.168.0.0 255.255.0.0 10.10.10.119ip route 21 ...

  8. sourceTree 生成公钥和私钥 然后拉项目代码

    第一步 用sourceTree生成公钥pub和私钥文件ppk    打开sourceTree -> 工具 -> 创建或导入ssh密钥 -> 点击generate -> 上面会显 ...

  9. Nachos-Lab2-线程调度模块实现

    源码获取 https://github.com/icoty/nachos-3.4-Lab 内容一:总体概述 本实习希望通过修改Nachos系统平台的底层源代码,达到"扩展调度算法" ...

  10. objectarx 批量倒角

    这个插件支持AcDbPolyline的倒角,封闭的和没封闭的都可以.刚开始做的时候,发现倒一个角借助云幽课堂里的代码就可以做,后来做一条从左开始画的非封闭的多段线,发现向上凹和向下凹的角不能同时被倒, ...