JavaScript学习随笔

来源：互联网发布：java 网上商城源码编辑：程序博客网时间：2024/05/17 23:55

JavaScript

JavaScript是互联网上最流行的脚本语言,浏览器会在读取代码时，逐行执行脚本代码编译。

JavaScript语句都写在<script></script>里面，里面的方法叫函数，不属于任何函数的js语句在页面一加载就执行了

例如：

document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");

只能在HTML中输出使用document.write()，如果在文档加载后使用，就会覆盖整个文档

function test(){

document.write("<h1>这是一个标题</h1>");

}

<body>

<h1>这是一个标题</h1>

alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便

下面是几个button

下面是一种切换图片一种不切换

function testB() {
var tp = document.getElementById("tp");//获取对象
alert(tp.id);// 弹出ID值
alert(tp.src);//弹出路径
tp.src="http://localhost/MyJsp/test.jsp/image/01.jpg" //修改图片路径
alert(tp.src);
}
function testBB() {
var tp = document.getElementById("tp1").src;//获取字符串
alert(tp1);
tp="http://localhost/MyJsp/test.jsp/image/02.jpg";//这里并不会跳转，因为获取到的是字符串
alert(tp1);
}

点击图片来回切换

第一种写法：

function changeImage(){
var a=document.getElementById("myimage");
if (a.src.match("image/02.jpg")){//match是匹配是否有这张图片
a.src="image/01.jpg";
}else{
a.src="image/02.jpg";
}

}

<img id="myimage" onclick="changeImage()" src="image/01.jpg" width="100" height="180">
<p>点击图片切换</p>

第二种写法：

function change(obj){
if (obj.src.match("image/02.jpg")){
obj.src="image/01.jpg";
}else{
obj.src="image/02.jpg";
}

}

在页面显示动态时间时间

两种方法：

第一种：

第二种：

function myFunction(){
var d = new Date();
var h = d.getHours();
var m = d.getMinutes();
var s = d.getSeconds();
var y = d.getFullYear();
var mm = d.getMonth()+1;//月份是从0开始的，所以这里要+1
var dd = d.getDate();
document.getElementById('txt1').innerHTML=y+"年"+mm+"月"+dd+"日"+h+":"+m+":"+s;
}
setInterval("myFunction()",1000);//每隔1秒调用一次这个函数

body 里面的写法

一些简单的操作介绍

}

变量申明赋值
function testE() {
//声明 a再赋值1
var a;
a=1;
//声明b并赋值2
var b=2;
var c=a+b;
alert(a);
alert(b);
alert(c);

}
function testF(){
var a,b,c;//先声明所有变量，在一一进行赋值
a=1;
b=2;
c=a+b;
alert(a);
alert(b);
alert(c);
}
function testG(){
var a=1,b=2,c=a+b;
alert(a);
alert(b);
alert(c);
alert("2"+2);//输出22
alert(parseInt("2")+2);//输出4
var d;
alert(d);//underfine
var e = true;//布尔型
}

JavaScript 布尔
布尔（逻辑）只能有两个值：true 或 false。

------------------------------------------------------------------------------------------------------------

JavaScript 数据类型

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：

JavaScript 中数组创建不用给长度
一维数组： java中只能给同种数据类型而js中可以给多种数据类型

JavaScript变量生命周期从它们被声明的时间开始
局部变量会在函数运行以后被删除
全局变量会在页面关闭后被删除

阅读全文

0 0

JavaScript学习随笔

JavaScript

JavaScript是互联网上最流行的脚本语言,浏览器会在读取代码时，逐行执行脚本代码 编译。

JavaScript是互联网上最流行的脚本语言,浏览器会在读取代码时，逐行执行脚本代码编译。