❤JavaScript完整体系

Browser Side学习—JavaScript

1.简单介绍

JavaScript 是世界上最流行的脚本语言，属于 web 的语言，被设计为向 HTML 页面增加交互性，却拥有非常简单的语法。

-HTML 定义网页的内容
-CSS 规定网页的布局
-JavaScript 对网页行为进行编程

实例—显示日期时间

<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
1
2

点击这里来显示日期和时间

实例—JavaScript 能够改变 HTML 内容

–本例使用该方法来“查找” id=“demo” 的 HTML 元素，并把元素内容（innerHTML）更改为 “Hello JavaScript”：

<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>点击我！</button>
1

• JavaScript 能够改变 HTML 属性–开关灯测试
  本例通过改变 标签的 src 属性（source）来改变一张 HTML 图像：

<button onclick="document.getElementById('myImage').src='/i/eg_bulbon.gif'">开灯</button>

<img id="myImage" border="0" src="/i/eg_bulboff.gif" style="text-align:center;">

<button onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'">关灯</button>
1
2
3
4
5

JavaScript 能够改变 HTML 样式 (CSS)

document.getElementById("demo").style.fontSize = "25px";
1

JavaScript 能够隐藏 HTML 元素

document.getElementById("demo").style.display="none";
1

黄金比例

字体设计

色彩搭配