JavaScript简介

JavaScript是世界上最流行的编程语言

JavaScript是脚本语言

JavaScript是轻量级的编程语言

一.JavaScript简介

1.JavaScript:写入HTML输出
document.write("<h1>Hello JavaScript!</h1>");
您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档
2.JavaScript:对事件作出反应
<button type="button" οnclick="alert('Welcome!')">点击这里</button>
3.JavaScript:改变HTML内容
x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

4.JavaScript:改变 HTML 图像
实例:切换表情
<script>
        var i=1;
        function changeface(){
            var img=document.getElementById('img');
            if(img.src.match(i)){
                if(i<4){
                    i=i+1;
                }else{
                    i=i-3;
                }
                img.src="img/img_"+i+".jpg";
            }
        }
    </script>

二.JavaScript使用

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

<script> 标签

如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。

<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

三.JavaScript输出

JavaScript 通常用于操作 HTML 元素。

如需从JavaScript访问某个HTML元素,使用document.getElementById(id)方法;

document.getElementById("demo").innerHTML="我的第一段 JavaScript";
往文档中写入标签:
document.write("<p>我的第一段 JavaScript</p>");

!!!!!!请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖

四.JavaScript语句

JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么!

分号;

分号用于分隔 JavaScript 语句。

通常我们在每条可执行的语句结尾添加分号。

使用分号的另一用处是在一行中编写多条语句。

!!!!!!在 JavaScript 中,用分号来结束语句是可选的

JavaScript代码(或者只有JavaScript)是JavaScript的序列。

浏览器会按照编写顺序来执行每条语句。

JavaScript 代码块

JavaScript语句通过代码块的形式进行组合。

块由左花括号开始,右花括号结束。

块的作用是使语句序列一起执行!

JavaScript函数是将语句组合在块中的典型例子!

JavaScript是对大小写敏感的

空格:

JavaScript会忽略多余的空格,可以向脚本添加空格,来增加可读性

下面两行代码是等效的:
var name="Hello";
var name = "Hello";
您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:

document.write("Hello \
World!");

JavaScript是脚本语言,浏览器会在读取的时候逐条执行,而对于传统编程来说,会在执行前对所有代码进行编译!

JavaScript注释

JavaScript注释可用于提高代码的可读性

JavaScript注释

JavaScript不会执行注释,我们可以添加注释来对JavaScript代码进行解析,或者提高代码的可读性。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值