JavaScript基础学习I

最新推荐文章于 2024-08-07 19:32:42 发布

Stephanie_0903

最新推荐文章于 2024-08-07 19:32:42 发布

阅读量334

点赞数

分类专栏： .NET

本文链接：https://blog.csdn.net/stephanie_0903/article/details/77936311

版权

.NET 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一.JavaScript介绍

1.web开发人员必须学会的3种语言

HTML to define the content of web pages 定义了网页的内容

CSS to specify the layout of web pages 描述了网页的布局

JavaScript to program the behavior of web pages 设计了网页的行为

2.JS可以同时接受单引号和双引号

3.用JS改变HTML写的内容

其中最常使用的是 getElementById( ) 方法

eg.

<!DOCTYPE html>
<html>
<body>

<h2>What Can JavaScript Do?</h2>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button" οnclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">Click Me!</button>

</body>
</html>

运行结果

4.用JS改变HTML图像

通过改变<img>标签的 src 属性即可更换图片

eg.

<!DOCTYPE html>
<html>
<body>

<h2>What Can JavaScript Do?</h2>

<p>JavaScript can change HTML attributes.</p>

<p>In this case JavaScript changes the src (source) attribute of an image.</p>

<button οnclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>

<img id="myImage" src="pic_bulboff.gif" style="width:100px">

<button οnclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>

</body>
</html>

二.Where To

三.Output