javascript 学习笔记

最新推荐文章于 2024-03-30 14:55:53 发布

「已注销」

最新推荐文章于 2024-03-30 14:55:53 发布

阅读量981

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/s98/article/details/45479479

版权

js 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

javascript:

写入 HTML 输出
document.write("<h1>This is a heading</h1>");

对事件作出反应
<button type="button" οnclick="alert('Welcome!')">点击这里</button>

改变内容
x=document.getElementById("demo") //查找元素
x.innerHTML="Hello JavaScript"; //改变内容

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<p id="demo">My First Paragraph</p>

<script>
document.getElementById("demo").innerHTML="My First JavaScript";
</script>

</body>
</html>
改变图片例子
<!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" οnclick="changeImage()" src="/i/eg_bulboff.gif">

<p>点击灯泡来点亮或熄灭这盏灯</p>

</body>
</html>

改变 HTML 样式
x=document.getElementById("demo") //找到元素
x.style.color="#ff0000"; //改变样式

选择值
<input id="demo" type="text">
var x=document.getElementById("demo").value;

外部javascript
<script src="myScript.js"></script>

JavaScript 对大小写敏感，JavaScript 会忽略多余的空格，您可以在文本字符串中使用反斜杠对代码行进行换行。
//单行注释
/*
多行注释
*/

定义变量:var x=2
var pi = 3.14 数字变量
var name = "bill" 字符串变量
var x=true 布尔
var y=false 布尔

JavaScript 数组
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
或者
var cars=new Array("Audi","BMW","Volvo");
或者
var cars=["Audi","BMW","Volvo"];

JavaScript 对象
var person={firstname:"Bill", lastname:"Gates", id:5566};

对象属性有两种寻址方式：
name=person.lastname;
name=person["lastname"];

Undefined 和 Null
Undefined 这个值表示变量不含有值。可以通过将变量的值设置为 null 来清空变量。
cars=null;
person=null;

创建 JavaScript 对象
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";

访问对象的属性
var message="Hello World!";
var x=message.length;

访问对象的方法
var message="Hello world!";
var x=message.toUpperCase();

JavaScript for...in 循环
var person={fname:"Bill",lname:"Gates",age:56};

for (x in person)
{
txt=txt + person[x];
}

&& and
|| or
! not

switch(n)
{
case 1:
执行代码块 1
break;
case 2:
执行代码块 2
break;
default:
n 与 case 1 和 case 2 不同时执行的代码
}

for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}

for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块

try
{
//在这里运行代码
}
catch(err)
{
//在这里处理错误
}

Throw 语句
<script>
function myFunction()
{
try
{
var x=document.getElementById("demo").value;
if(x=="") throw "empty";
if(isNaN(x)) throw "not a number";
if(x>10) throw "too high";
if(x<5) throw "too low";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="Error: " + err + ".";
}
}
</script>

<h1>My First JavaScript</h1>
<p>Please input a number between 5 and 10:</p>
<input id="demo" type="text">
<button type="button" οnclick="myFunction()">Test Input</button>
<p id="mess"></p>

===============

数字属性和方法
属性：

MAX VALUE
MIN VALUE
NEGATIVE INFINITIVE
POSITIVE INFINITIVE
NaN
prototype
constructor

方法：

toExponential()
toFixed()
toPrecision()
toString()
valueOf()

========================
JavaScript 字符串(String)对象
计算字符串的长度
如何使用长度属性来计算字符串的长度。
为字符串添加样式
如何为字符串添加样式。
indexOf() 方法
如何使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置。
match() 方法
如何使用 match() 来查找字符串中特定的字符，并且如果找到的话，则返回这个字符。
如何替换字符串中的字符 - replace()
如何使用 replace() 方法在字符串中用某些字符替换另一些字符

==================================
JavaScript RegExp 对象（正则表达式）
定义 var patt1=new RegExp("e","g"); //g参数是全局检索
RegExp 对象有 3 个方法：
test() 测试是否找到，返回布尔
exec() 找字符串，找到则返回值，g参数可以全局检索。
compile() 改变检索的字符串

HTML DOM （文档对象模型）
浏览器对象模型 (BOM)

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 学习笔记

javascript:写入 HTML 输出document.write("This is a heading");对事件作出反应点击这里改变内容x=document.getElementById("demo") //查找元素x.innerHTML="Hello JavaScript"; //改变内容My F
复制链接

扫一扫

专栏目录