js的String对象
创建String对象
var str =
"abc";
属性 length:字符串的长度方法:
与html相关的方法(设置样式)
var str1
= "abc";
document
.write(str1
.bold());
var str2
= "abc";
document
.write(str2
.fontColor(
"red"));
var str3
= "abc";
document
.write(str3
.fontSize(
7));
var str4
= "abc";
document
.write(str4
.link(
"hello.html"));
与java相似的方法
var str1 =
"abc";
var str2 =
"def";
document.write(str1.concat(str2));
var str3 =
"abcdef";
document.write(str3.chatAt(
0));
document.write(str3.chatAt(
20));
var str7 =
"abcdefghijk";
document.write(str7.substr(
5,
5));
document.write(str7.substring(
3,
5));
js的Array对象
创建数组(三种)
var arr = [];
var arr =
new Array();
属性:length 数组的长度方法:
var arr1 = [
1,
2,
3];
var arr2 = [
4,
5,
6];
document.write(arr1.concat(arr2));
var arr3 = [
1,
2,
3];
document.write(arr3);
document.write(arr3.
join(
"-"));
var arr5 = [
1,
2,
3];
document.write(arr3.length);
document.write(arr3);
document.write(arr3.push(
"4"));
document.write(arr3);
var arr6 = [
"aaa",
"bbb",
"ccc"];
var arr7 = [
"ddd",
"eee"];
document.write(arr6.push(arr7));
var arr8 = [
1,
2,
3];
document.write(arr6.pop());
document.write(arr6);
js的Date对象
在java里获取当前时间
Date date = new Date();
在js里获取当前时间
var date = new Date();
date.toLocaleString();
date.getFullYear();
date.getMonth()
+ 1;
http:
js的Math对象
数学的运算,里面都是静态方法Math.xxx()。
Math.ceil(): 向上取整
Math.floor(): 向下取整
Math.round(): 四舍五入
Math.random(): 返回随机数(伪随机数)
0.0-
1.0
Math.pow(x,y)
Math.PI
js的全局函数
不属于任何一个对象,直接使用函数
var str =
"alert('1234')";
eval(str);
var str1 =
"测试aaa123";
var encode1 =
encodeURI(str1);
var decode1 =
decodeURI(encode1);
var str =
"aaa";
isNaN(str)
var str =
"123";
parseInt(str) +
1;
js的函数重载
js不存在重载,只调用最后一个方法。传递的参数保存到arguments里。但是可以通过arguments数组实现模拟重载。
function add1() {
if (arguments.length ==
2) {
return ...
}
else if (arguments.length ==
3) {
return ...
}
else {
return ...
}
}
js的bom对象
bom:browser object model 浏览器对象模型。
对象:
navigator.appName;
screen.height;
location.href;
location.href =
"xxx.html";
history.back();
history.
go(-1);
history.forward();
history.
go(1);
var flag = confirm(
"显示的内容");
prompt(text, defaultText);
open(
"hello.thml",
"",
"width=200,height=100");
var id1 = setInterval(
"alert('123')",
3000);
var id2 = setTimeout(
"alert('123')",
3000);
clearInterval(id1);
clearTimeout(id2);
js的dom对象
dom:document object model 文档对象模型
文档:超文本标记文档 html、xml对象:提供属性和方法模型:使用属性和方法操作超文本标记型文档使用js的dom所提供对象,使用这些对象的属性和方法对标记型文档内容进行操作。想要对标记型文档进行操作,首先将文档的所有内容(html里的标签,属性,文本内容)封装成对象。解析过程:根据html层级结构在内存中分配一个树形结构,需要把html中的每部分封装成对象。
document对象:整个html文档element对象:元素(标签)对象属性对象、文本对象:依附在element对象上Node对象:上述所有对象的父对象DOM模型(3种)DHTML:很多技术的简称 html、css、dom、js
document对象
表示整个文档常用方法
<input type=
"text" id=
"nameid" value=
"aaa"/>
var input1 = document.getElmentById(
"nameid");
input1.
value;
input1.
value =
"bbb";
<input type=
"text" name=
"name1" value=
"aaa"/>
<input type=
"text" name=
"name1" value=
"bbb"/>
var inputs = document.getElmentsByName(
"name1");
inputs.length;
for (
var i=
0;i<inputs.length;i++){
var input1 = inputs[i];
intpu1.
value;
}
var inputs = document.getElmentsByTagName(
"input");
案例 window弹窗
实现过程
创建主页面
有两个输入项和一个按钮按钮上有一个事件: 弹出一个新窗口 open创建弹出页面
表格 每一行都有一个按钮、编号和姓名按钮上有一个事件: 把当前的编号和姓名赋值到主页面的输入项位置
// window.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
姓名:
<input type="text" id="name">
<br/>
编号:
<input type="text" id="no">
<br/>
<input type="button" value="选择" onclick="open1()">
</body>
<script type="text/javascript">
function open1() {
window.open("user.html", "", "width=250,height=150");
}
</script>
</html>
// user.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<table>
<tr>
<td>操作
</td>
<td>姓名
</td>
<td>编号
</td>
</tr>
<tr>
<td>
<input type="button" value="选择" onclick="s1('小明','01')">
</td>
<td>小明
</td>
<td>01
</td>
</tr>
<tr>
<td>
<input type="button" value="选择" onclick="s1('小黑','02')">
</td>
<td>小黑
</td>
<td>02
</td>
</tr>
<tr>
<td>
<input type="button" value="选择" onclick="s1('小白','03')">
</td>
<td>小白
</td>
<td>03
</td>
</tr>
</table>
</body>
<script type="text/javascript">
function s1(name, no) {
var pwin = window.opner;
pwin.document.getElementById("name").value = name;
pwin.document.getElementById("no").value = no;
close();
}
</script>
</html>
做这个案例会有一个问题,由于我们现在访问的是本地文件,js安全性,谷歌浏览器不允许访问本地文件。在实际开发中,没存在这种问题,实际中不可能访问本地的文件。(后来发现,好像都不行。在user.html发现无法获取主窗口引用)。
转载请注明原文地址: https://ju.6miu.com/read-5861.html