JavaScript (js)基础知识
2018-02-26 11:52
776 查看
1. java script 是web的编程语言。
2.所有的现代html 页面都是用 java script。
3. java script 和 java没有一毛钱关系。
4. html定义了网页的内容; css描述了网页的布局; js定义了网页的行为。
5.java script 是一种轻量级的编程语言。
6. java script 是可插入html页面的编程代码。
7.java script 插入html页面后,可有所有的浏览器执行。
8.html支持中文:在html添加<meta charset="utf-8">9.js 语言需要在<script>与</script>标签中。
10.单行注释使用// ; 多行注释使用/**/。 (html的注释 以<-- 开始 以-->结束)
11.JavaScript大小写敏感。
12.JavaScript是弱类型语言。使用var进行声明变量。仅声明,但没有赋值的变量的值为undefined.
13.使用分号; 分隔JavaScript语句。每条可执行的语句结尾添加分号。
14.使用花括号{}将一个代码块分开。例如函数体。
15.空格,JavaScript会忽略多余的空格。可以向脚本中增加任意空格,以增加可读性
下面两行是等效的:var person="Hege";
var person = "Hege";16.对代码进行折行:我们可以在文本字符串中使用反斜杠对代码进行折行。但不能对代码折行。
例如以下的例子可以正常显示
document.write("你好 \
世界!"); 不过不能像下面这样折行: document.write \
("你好世界!");17.JavaScript:直接写入html输出流使用。document.wirte(""):
向html流中输出文本(可以带格式的文本。例如document.write("<p>这是一个段落。</p>"))。需要注意的是:你只能在html输出流中使用document.write()。如果在文档已经加载后调用document.write(),则覆盖整个文档(慎用)。
18.JavaScript:对事件的反应。
<button type="button" onclick="alert('欢迎!')">点我!</button>
alert()函数,是弹出一个对话框。对于代码测试非常方便。
onclick事件只是众多事件之一。
19.JavaScript:改变html内容。document.getElementById("some id").innerHTML="new msg"<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>document.getElementById("some id")。这个方法是HTML DOM中定义的。
DOM(Document Object Model)(文档对象模型)是用于访问HTML元素的正式W3C标准。
20.JavaScript:改变HTML样式。document.getElementById("some id").style.color="#ff0000"
<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>21.JavaScript:验证输入。document.getElementById("some id").value;
2.所有的现代html 页面都是用 java script。
3. java script 和 java没有一毛钱关系。
4. html定义了网页的内容; css描述了网页的布局; js定义了网页的行为。
5.java script 是一种轻量级的编程语言。
6. java script 是可插入html页面的编程代码。
7.java script 插入html页面后,可有所有的浏览器执行。
8.html支持中文:在html添加<meta charset="utf-8">9.js 语言需要在<script>与</script>标签中。
10.单行注释使用// ; 多行注释使用/**/。 (html的注释 以<-- 开始 以-->结束)
11.JavaScript大小写敏感。
12.JavaScript是弱类型语言。使用var进行声明变量。仅声明,但没有赋值的变量的值为undefined.
13.使用分号; 分隔JavaScript语句。每条可执行的语句结尾添加分号。
14.使用花括号{}将一个代码块分开。例如函数体。
15.空格,JavaScript会忽略多余的空格。可以向脚本中增加任意空格,以增加可读性
下面两行是等效的:var person="Hege";
var person = "Hege";16.对代码进行折行:我们可以在文本字符串中使用反斜杠对代码进行折行。但不能对代码折行。
例如以下的例子可以正常显示
document.write("你好 \
世界!"); 不过不能像下面这样折行: document.write \
("你好世界!");17.JavaScript:直接写入html输出流使用。document.wirte(""):
向html流中输出文本(可以带格式的文本。例如document.write("<p>这是一个段落。</p>"))。需要注意的是:你只能在html输出流中使用document.write()。如果在文档已经加载后调用document.write(),则覆盖整个文档(慎用)。
18.JavaScript:对事件的反应。
<button type="button" onclick="alert('欢迎!')">点我!</button>
alert()函数,是弹出一个对话框。对于代码测试非常方便。
onclick事件只是众多事件之一。
19.JavaScript:改变html内容。document.getElementById("some id").innerHTML="new msg"<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>document.getElementById("some id")。这个方法是HTML DOM中定义的。
DOM(Document Object Model)(文档对象模型)是用于访问HTML元素的正式W3C标准。
20.JavaScript:改变HTML样式。document.getElementById("some id").style.color="#ff0000"
<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="#ff0000"; // 改变样式
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>21.JavaScript:验证输入。document.getElementById("some id").value;
<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>
相关文章推荐
- 从零开始javascript(1):js基础知识
- JavaScript就这么回事 (JS基础知识整理)
- JavaScript基础知识----六道有趣的Js基础题以及解答
- JavaScript数据类型及对象(js基础知识)
- 3 HTML&JS等前端知识系列之javascript的基础
- JavaScript就这么回事 (JS基础知识整理)
- js基础知识温习:Javascript中如何模拟私有方法
- JavaScript基础知识----零基础js入门练习题
- css和javascript的一些笔记(二) js基础知识
- 【JavaScript】4.面试题一JS基础知识(上)
- JavaScript就这么回事 (JS基础知识整理)
- JavaScript就这么回事 (JS基础知识整理)
- JavaScript学习笔记(一)——JS基础知识介绍
- JavaScript 入门基础知识 想学习js的朋友可以参考下
- JavaScript就这么回事 (JS基础知识整理)
- 根据w3cSchool学习javascript整理js的一些基础知识
- JavaScript学习笔记(一)——JS基础知识介绍
- javascript vue-resource基础知识 js网络请求
- javascript基础知识复习4-JS中的跨域解决方案和Comet
- 基础知识(js)-----javascript的等性运算符