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. 《新标准C++程序设计》4.5（C++学习笔记15）

    实例:长度可变的整型数组类 int main() { //要编写可变长整型数组类,使之能如下使用: CArray a; //开始里的数组是空的 ; i < ; ++i) a.push_back( ...

  2. centos7下安装maven

    步骤1:在home目录下解压apache-maven-3.5.0-bin.tar.gz安装包 [root@model ~]# -bin.tar.gz 步骤2:创建/maven目录并将解压后的文件夹移至 ...

  3. Educational Codeforces Round 63 选做

    D. Beautiful Array 题意 给你一个长度为 \(n\) 的序列.你可以选择至多一个子段,将该子段所有数乘上给定常数 \(x\) .求操作后最大的最大子段和. 题解 考虑最大子段和的子段 ...

  4. java分词技术（自动提取关键词，段落大意）hanlp

    这是老师大作业需要的技术才知道hanlp这个外部包  使用方法 包以及数据如下GIT下载很慢我传百度云了   链接:https://pan.baidu.com/s/14a22v1g_CAQN-G-k8 ...

  5. Docker入门以及漏洞环境搭建（10.23 第二十五天）

    Docker:开源的应用程序容器引擎,使用Go语言.借助于docker打包的应用程序,将这些应用程序 包含在容器里面,在容器中实现虚拟化,容器使用的是沙箱机制,相互独立,占用资源非常少. Docker ...

  6. win下的常用8个命令

    windows下常用的几个指令 一,ping 它是用来检查网络是否通畅或者网络连接速度的命令.作为一个生活在网络上的管理员或者黑客来说,ping命令是第一个必须掌握的DOS命令,它所利用的原理是这样的 ...

  7. 10nm Ice Lake处理器值得等待！

    处理器.显卡等产品往往习惯先在 Linux 平台测试,所以 Linux 的内核源码往往成为曝光新品的宝藏之地. 经查,在 Linux v5.2 内核最新源码的 x86 分支中,出现了多款 Ice La ...

  8. 树莓派3b安装Windows10 Arm

    感谢老外的这个项目:https://github.com/WOA-Project/WOA-Deployer-Rpi 还有这个:https://uupdump.ml/ 首先从https://uupdum ...

  9. htmp to pdf

    C++ Library to Convert HTML to PDF html2pdf PrinceXML 收费 CutePDF Ghostscript PDFDoc VisPDF PDFDoc Sc ...

  10. NRF51822和NRF52832的主要区别

    对于NRF51822和NRF52832的选择性相信大家也是非常困惑的,哪个性价比高?下面为大家讲下NRF51822和NRF52832的一个区别,让大家能够更好的快速选型加快研发产品进度!   主要分为 ...