JS学习笔记（一）概述

　　参考资料：

　　1. http://www.w3school.com.cn/js/

　　2. http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000

　　3. http://www.javascriptcn.com/

　 ☂ 简介：

　　☞ Javascript是一种轻量级的解释型脚本语言。

　　☞ HTML中的脚本必须位于<script>与</script>标签之间。

　　☞ 脚本可被放置在HTML页面的<body>和<head>部分中。

　　☞ 引用外部.js文件的方式：

<script src="myScript.js"></script>

☞ Javascript对大小写敏感。

☞ 可在文本字符串中使用反斜杠“”对代码进行换行。

☞ Javascript拥有动态类型。

☞ 未初始化的变量的值为undefined。

☞ 重新申明变量，该变量的值不会丢失。

写入HTML输出

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

效果：

对事件作出反应

<button type="button" onclick="alert('Welcome!')">Click me</button>

效果：

改变HTML内容

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

<script>
function myFunction()
{
　　x=document.getElementById("demo");  // 找到元素
　　x.innerHTML="Hello JavaScript!";    // 改变内容
}
</script>

<button type="button" onclick="myFunction()">Click me</button>

点击前：

点击后：

改变HTML图像

<script>
function changeImage()
{
　　element=document.getElementById('myimage');

　　if (element.src.match("bulbon"))
  　{
  　　element.src="bulboff.gif";
  　}
　　else
   {
  　　element.src="bulbon.gif";
   }
}
</script>

<img id="myimage" onclick="changeImage()" src="bulboff.gif">

点击前：

点击后：

改变HTML图像

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

<script>
function myFunction()
{
　　x=document.getElementById("demo") // 找到元素
　　x.style.color="#ff0000";          // 改变样式
}
</script>

<button type="button" onclick="myFunction()">Click me</button>

点击前：

点击后：

验证输入

<input id="demo" type="text">

<script>
function myFunction()
{
　　var x=document.getElementById("demo").value;

　　if(x==""||isNaN(x))
　　{
　　　　alert("Not Numeric");
　　}
}
</script>

<button type="button" onclick="myFunction()">Click me</button>

相关阅读:
jwt
mybatis的回顾
swagger
MySQl总结
Java异常
常用Dos命令
C++初级项目——机房预约系统
C++中将数字型字符串转变为int类型的方法
C++中int *a; int &a; int & *a; int * &a
#define_CRT_SECURE_NO_WARNINGS的用法

原文地址：https://www.cnblogs.com/AmitX-moten/p/4781958.html

JS学习笔记（一） 概述

JS学习笔记（一）概述