【零基础学习web前端】JavaScript 简介

Amy

【零基础学习web前端】JavaScript 简介

【零基础学习web前端】教程目录导航

http://www.sufeinet.com/thread-24027-1-1.html

JavaScript 是脚本语言！被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。

• JavaScript 是因特网上最流行的脚本语言。
• JavaScript 是可插入 HTML 页面的编程代码。
  JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
  JavaScript 很容易学习。
  

在HTML中写入输出流

[HTML] 纯文本查看 复制代码

<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<script>
document.write("<h1>苏飞论坛</h1>");
document.write("<p>欢迎您的到来</p>");
</script>

改变HTML内容

[HTML] 纯文本查看 复制代码

<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
	x=document.getElementById("demo");  // 找到元素
	x.innerHTML="苏飞论坛!";    // 改变内容
}
</script>
<button type="button">点击这里</button>

点击按钮前后分别效果


改变样式

[HTML] 纯文本查看 复制代码

<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
	x=document.getElementById("demo");  // 找到元素
	x.style.color="red";   // 改变内容
}
</script>
<button type="button">点击这里</button>

点击按钮后效果为

惜

看到这帖子真是高兴！

竹林风

看到这帖子真是高兴！

范范

强烈支持楼主ing……