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" onclick="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" onclick="myFunction()">点击这里</button>
</body>
</html>
--------------------------------------------------------------------
【延伸知识】
　　--JavaScript与Java的区别
JavaScript与Java是两种完全不同的语言，无论在概念上还是设计上。
　　Java　　　　　　 (由Sun发明)是更复杂的编程语言。
　　JavaScript　　　 (由Brendan Eich发明)。它于1995年出现在Netscape中(该浏览器已停止更新)，并于1997年被ECMA(一个标准协会)采纳。

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

随机推荐

微软BI 之SSIS 系列 - ETL 转换时关于 Code Page (1252 and 936) 转换错误的原因和解决方法
开篇介绍最近经常碰到在 ETL 练习中出现这种转换失败的问题,试了多种方式,同样的代码同样的源结构和表结构但是一直不能成功执行,包报错.一般有这么几种错误: Error at DST_LOAD_DA ...
Android 之 Intent(意图)
Intent是 Android中重要的桥梁之一,它分为显式意图和隐式意图.接下来分别针对这两种意图进行讲解. 显式意图:通过指定一组数据或动作,激活应用内部的 activity:(相比隐式意图,此做法 ...
uiautomatorviewer 识别android微信元素报错
org.xml.sax.SAXParseException; systemId: file:/C:/Users/xxxxxxxxx/AppData/Local/Temp/uiautomatorview ...
移动web点5像素的秘密（转）
最近和一个朋友聊天,朋友吐露了工作上的一些不开心,说自己总是喜欢跟别人比较,活得比较累,这种感觉大部分人经历过,往往觉得是自己心态不好,其实不然,这是人性,此时应该快速摆脱这种状态,想到DOTA大9神 ...
LintCode-丑数
设计一个算法.找出仅仅含素因子3,5,7 的第 k 大的数. 符合条件的数如:3.5.7,9,15...... 您在真实的面试中是否遇到过这个题? Yes 例子假设k=4, 返回 9 挑战要求时间 ...
Django+Bootstrap+Mysql 搭建个人博客（一）
1.1.环境搭建 (1)虚拟环境 mkvirtualenv website pip install django==1.11.7 (2)创建项目和app:website和blog (3)设置中文set ...
在webpack3里使用uglifyjs
环境:webpac<4的场景下,安装uglifyjs. cnpm install uglifyjs-webpack-plugin -D 安装完毕后,去npm里查看uglifyjs的使用方法并添加 ...
hadoop中发送文件的脚本
多台主机执行相同的命令 [xcall] [/usr/local/bin] sudo nano xcall ----------------------------------------------- ...
Spring 学习笔记
Spring 的 Ioc 容器所有的组件都是被动的( Passive),所有的组件初始化和调用都由容器负责.组件处在一个容器当中,由容器负责管理. BeanFactory 根据配置文 ...
asp&period;net web 服务器端全局定时执行任务
web网站里面,需要每隔1分钟,执行一个任务,并且一直保持这个定时执行状态,可以用如下一个方法: 1,Global.asax里面的 Application_Start ,发生在第一次请求网站的时 ...

秒客网

JavaScript学习笔记（一）：介绍JavaScript的一些简单知识

随机推荐

相关文章