初涉JavaScript 1

Posted fei619730

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初涉JavaScript 1相关的知识,希望对你有一定的参考价值。

javascript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 html 页面的编程代码。

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。


输入

document.write("<h1>This is a heading</h1>");

您只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。

对事件作出反应

<button type="button" οnclick="alert('Welcome!')">点击这里</button>

alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。

onclick 事件只是您即将在本教程中学到的众多事件之一。

改变 HTML 属性

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>

<script>
function myFunction()

x=document.getElementById("demo");  // 找到元素
x.innerHTML="Hello JavaScript!";    // 改变内容

</script>

<button type="button" οnclick="myFunction()">点击这里</button>

-------------------------------------------------------------------

function changeImage()

element=document.getElementById('myimage')
if (element.src.match("bulbon"))
 
  element.src="/i/eg_bulboff.gif";
 
else
 
  element.src="/i/eg_bulbon.gif";
 

</script>
<img id="myimage" οnclick="changeImage()" src="/i/eg_bulboff.gif">
<p>点击灯泡来点亮或熄灭这盏灯</p>

----------------------------------------------------------------------------------------- <p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()

x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000";          // 改变样式

</script>
<button type="button" οnclick="myFunction()">点击这里</button>

以上是关于初涉JavaScript 1的主要内容,如果未能解决你的问题,请参考以下文章

初涉JavaScript 3

初涉JavaScript 2

初涉JavaScript 4

初涉JavaScript 4

初涉 JavaScript 5

初涉 JavaScript 5