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. 001.Oracle数据库 , 查询日期在两者之间

    /*Oracle数据库查询日期在两者之间*/ SELECT OCCUR_DATE FROM LM_FAULT WHERE ( ( OCCUR_DATE >= to_date( '2017-05- ...

  2. 比较 CEILING 和 FLOOR

    CEILING 函数返回大于或等于所给数字表达式的最小整数. FLOOR 函数返回小于或等于所给数字表达式的最大整数. 例如,对于数字表达式  12.9273,CEILING 将返回 13,FLOOR ...

  3. 06 MySQL运算符

    算数运算符     +    -    *    /    DIV    %    MOD   比较运算符     =    <>    !=    <=>(安全等于,NULL ...

  4. UVA - 10129 Play on Words（欧拉回路）

    题意:将n个单词排成一个序列,保证相邻单词相邻处字母相同. 分析:每个单词看做一条有向边,字母为点,并查集看图是否连通,因为是有向图,所以最多只能有两个点入度不等于出度,且这两个点一个入度比出度大1, ...

  5. 【pwnable.kr】 codemap

    pwnable新的一题. download: http://pwnable.kr/bin/codemap.exe ssh codemap@pwnable.kr -p2222 (pw:guest) 这道 ...

  6. 【Leetcode】交替打印FooBar

    [问题]我们提供一个类: class FooBar { public void foo() { ; i < n; i++) { print("foo"); } } publi ...

  7. cf 398B. Painting The Wall

    23333,还是不会..%%%http://hzwer.com/6276.html #include <bits/stdc++.h> #define LL long long #defin ...

  8. 【转】R函数-diag()函数

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/lili_wuwu/article/det ...

  9. php知识结构

    PHP的运行环境 连环境都搞不起来,就是你有多么喜欢PHP,那也是白搭,开始我们大多会使用集成环境软件例如xampp,wamp.随着知识的增加慢慢要学会自己搭建运行环境,例如 Linux(Ubuntu ...

  10. [题解] LuoguP3784 [SDOI2017]遗忘的集合

    要mtt的题都是...... 多补了几项就被卡了一整页......果然还是太菜了...... 不说了......来看100分的做法吧...... 如果做过付公主的背包,前面几步应该不难想,所以我们再来 ...