JavaScript学习笔记(一):介绍JavaScript的一些简单知识

JavaScript是世界上最流行的编程语言。这门语言可用于HTML和web,更可广泛用于服务器、PC、笔记本电脑和智能手机等设备。
-----------------------------------------------------------
JavaScript的特点如下:

1.它是属于网络的脚本语言。它是因特网上最流行的脚本语言。
2.它被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies,以及更多的应用。
3.它是一种轻量级的编程语言;
4.它是可插入HTML页面的编程代码;
5.它是可插入HTML页面后,可由所有的现代浏览器执行。
6.它很容易学习。

----------------------------------------------------------------
JavaScript的一些简单语句
1.写入HTML输出
实例:
document.write("<p>This is a heading</p>");
tips:

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


2.对事件作出反应
实例:
<button type="button" onclick="alert('Welcome')">点击这里</button>
tips:

  alert()函数在JavaScript中并不常用,但它常用于代码测试。onclick事件是单击事件。


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


4.改变HTML图像
本例会动态改变HTML<image>的来源(src): The Light bulb.点击灯泡就可以打开或关闭这盏灯.实例:
<!DOCTYPE html>
<html>
<body>
<script>
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>
</body>
</html>
tips:

  JavaScript能够改变任意HTML元素的大多数属性,而不仅仅是图片。


5.改变HTML样式
改变HTML元素的样式,属于改变HTML属性的变种之一。
实例:
x=document.getElementById("demo");   //找到元素
x.style.color="#ff0000";            //改变样式


6.验证输入
JavaScript常用于验证用户的输入。
实例:
<!DOCTYPE html>
<html>
<body>
<h1>This is my first JavaScript</h1>
<p>请输入数字。如果输入值不是数字,浏览器会弹出提示框。</p>
<input id="demo" type="text">
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("不是数字");
}
}
</script>
<button type="button" οnclick="myFunction()">点击这里</button>
</body>
</html>
--------------------------------------------------------------------
【延伸知识】
  --JavaScript与Java的区别
JavaScript与Java是两种完全不同的语言,无论在概念上还是设计上。
  Java         (由Sun发明)是更复杂的编程语言。
  JavaScript     (由Brendan Eich发明)。它于1995年出现在Netscape中(该浏览器已停止更新),并于1997年被ECMA(一个标准协会)采纳。

           ECMA-262是JavaScript标准的官方名称。

转载于:https://www.cnblogs.com/Knowledge-wealth/p/5718788.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值