JavaScript输出

javaScript没有任何打印或者输出的函数。

JavaScript显示数据

javaScript可以通过不同的方式显示数据：

使用window.alert()
使用 document.write() 方法将内容写到 HTML 文档中。
document.write("<p>" + txt.length + "</p>");
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。

javaScript对字母大小写是敏感的

您可以在字符串中使用引号，只要不匹配包围字符串的引号即可：

var answer1='It's alright';
var answer2="He is called "Johnny"";
var answer3='He is called "Johnny"';
如果要匹配就要加转义字符
\n 换行
\r 回车
\t tab(制表符)
\b 退格符

JavaScript 对象

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

常见的HTML事件

onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户从一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载

正则表达式表单验证实例

/*是否带有小数*/
function    isDecimal(strValue )  {  
   var  objRegExp= /^\d+\.\d+$/;
   return  objRegExp.test(strValue);  
}  

/*校验是否中文名称组成 */
function ischina(str) {
    var reg=/^[\u4E00-\u9FA5]{2,4}$/;   /*定义验证表达式*/
    return reg.test(str);     /*进行验证*/
}
/*校验电话码格式 */
function isTelCode(str) {
    var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
    return reg.test(str);
}

javaScript表单验证

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("需要输入名字。");
        return false;
    }
}
</script>
</head>
<body>

<form name="myForm" action="demo_form.php"
onsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>

</body>
</html》

JavaScript函数

函数可以储存在变量中然后变量就可以作为一个函数使用。
实例
var x = function (a, b) {return a * b};
var z = x(4, 3);
箭头函数
ES6 新增了箭头函数。

箭头函数表达式的语法比普通函数表达式更简洁。

(参数1, 参数2, …, 参数N) => { 函数声明 }

(参数1, 参数2, …, 参数N) => 表达式(单一)
// 相当于：(参数1, 参数2, …, 参数N) =>{ return 表达式; }
当只有一个参数时，圆括号是可选的：

(单一参数) => {函数声明}
单一参数 => {函数声明}
没有参数的函数应该写成一对圆括号:

() => {函数声明}
实例：

<script>
const x = (x, y) => x * y;
document.getElementById("demo").innerHTML = x(5, 5);
</script>

JavaScript HTML DOM

JavaScript 能够改变页面中的所有 HTML 元素
通过 id 查找 HTML 元素
实例

var x=document.getElementById("intro");

通过标签名查找 HTML 元素
本例查找 id="main" 的元素，然后查找 id="main" 元素中的所有 <p> 元素：

var x=document.getElementById("main");
var y=x.getElementsByTagName("p");

通过类名找到 HTML 元素
本例通过 [getElementsByClassName] 函数来查找 class="intro" 的元素：
实例

var x=document.getElementsByClassName("intro");

JavaScript 能够改变页面中的所有 HTML 属性
改变 HTML 属性
如需改变 HTML 元素的属性，请使用这个语法：
document.getElementById(id).attribute=新属性值
本例改变了 <img> 元素的 src 属性：

<img id="image" src="smiley.gif">
<script>
document.getElementById("image").src="landscape.jpg";
</script>

JavaScript 能够改变页面中的所有 CSS 样式
改变 HTML 样式
如需改变 HTML 元素的样式，请使用这个语法：
document.getElementById(id).style.property=新样式
下面的例子会改变 <p> 元素的样式：

<p id="p1">Hello World!</p>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color="blue";
document.getElementById("p2").style.fontFamily="Arial";
document.getElementById("p2").style.fontSize="larger";
</script>

style.visibility='hidden' style="visibility:hidden"
style.visibility='visible'
可以显示隐藏html元素

JavaScript 能够对页面中的所有事件做出反应
·

javaScript我因为太菜被踢出来了