您的位置:首页 > Web前端 > JavaScript

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;
<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 js 基础