实习javaweb前准备:第三天javascript

付费节点推荐


免费节点


节点使用教程


bestcoder_cn_javascript

实习javaweb前准备:第三天javascript

[t]1. js的String对象[/t]
创建String对象 var str=”abc”;
方法和属性:
属性:length
方法:
(1)与html相关的方法

-bold() 加粗
-fontcolor() 设置字符串颜色
-fontsize() 设置字体的大小
-link() 将字符串显示成超链接
-sub() sup() 下标和上标
document.write(str.bold());
document.write(str.fontcolor(“blue”));
……
(2)与java相似的方法
-concat() 连接字符串
var str1=”abc”;
var str2=”dfg”
document.write(str1.concat(str2));
-charAt() 返回指定位置的字符串
var str3=”abcdefg”;
document.write(str3.charAt(1)); //b
-indexOf() 返回字符串的位置
var str4=”position”;
document.write(str4.indexOf(“o”)); //不存在则返回-1
-split() 切割字符串成数组
var str5=”a-b-c-d”;
document.write(str5.split(“-“));
-replace() 替换字符串
参数:第一个是原始字符
第二个是替换后的字符
var str6=”abcdefg”;
document.write(str6.replace(“a”,”Q”));
-substr()和substring() //截取字符串
var str7=”abcdefg”;
document.write(str7.substr(2,3)); //从第2位开始向后截取3个字符
substring : 从第2位开始截取到第3个字符

[t]2.js的Array对象[/t]
创建数组(三种)
-var arr1=[1,2,3];
-var arr2=new Array(3);
-var arr3=new Array(1,2,3);
属性:length 查看数组的长度
方法:
-concat方法: 数组的连接
document.write(arr1.concat(arr2));
-join() 根据指定的字符分割数组
document.write(arr1.join(“-“));
-push() 向数组末尾添加元素,返回数组的新的长度
-pop() 表示删除最后一个元素,返回删除的那个元素
-reverse() 颠倒数组中的元素

[t]3.js的Date对象[/t]
在java里面获取当前时间。
Date date=new Date();
document.write(date);
//格式化时间方法
toLocaleString
document.write(date.toLocaleString());
获取年的方法
getFullYear() 得到当前的年
document.write(“year:”+date.getFullYear());
获取当前月的方法(0~11)
getMonth()
var date1=date.getMonth()+1;
获取当前星期
getDay() 星期返回(0~6)
获取当前日
getDate() 得到当前的天
获取当前小时
getHours()
获取当前分钟
getMinutes()
获取当前秒
getSeconds()
获取毫秒数
getTime() //返回1970年至今毫秒数
应用场景:使用毫秒秒数处理缓存的效果

[t]4.js的Math对象[/t]
数学运算,里面都是静态方法,直接用Math调用
ceil(x) 向上舍入
floor(x) 向下舍入
round(x) 四舍五入
random() 得到随机数,得到0~9的随机数
Math.random()*10;
Math.floor(Math.random()*10);

[t]5.js的全局函数[/t]
由于不属于任何一个对象,直接写名称使用
**eval() 执行js代码(如果字符串是一个js代码,则使用此方法直接执行)
var str=”alert(‘1234’);”;
eval(str);
**encodeURI 对字符进行编码
**decodeURI 对字符进行解码
var str1=”测试abc123″;
var encode1= encodeURI(str1);
document.write(encode1);
**isNaN() 判断当前字符串是否是数字
var str2=”aaa”;
alert(isNaN(str2));
//如果是数字返回false
//如果不是数字,返回true
parseInt() 类型转换
var str3=”123″;
document.write(parseInt(str3));

[t]6. js的函数重载[/t]
js里面不存在重载
可以通过其它方式模拟重载

[t]7.js的bom对象[/t]
bom:broswer object model 浏览器对象模型有哪些对象?
-navigator :获取客户机的信息
document.write(navigator.appName);
-screen :获取屏幕信息
document.write(screen.height); //768
-location :请求url地址
href属性
获取到请求的url地址
doucument.write(location.href);
获取url地址
我们可以在页面上安置一个按钮,按钮上绑定一个事件,当我们点击这个按钮,跳转到另一个页面
location.href=”hello.html”;
<input type=”bottom” value=”tiaozhuan” onclick=”href1();” />
-history :请求的url历史记录
到访问的上一个页面
history.back(); 或
history.go(-1);
到访问的下一个页面
history.forward(); 或
history.go(1);
bom对象的window对象
窗口对象
顶层对象(所用的bom对象都是在window里面操作的)
方法
window.alert(); //页面弹出提示框
confirm() : //确认框
var flag=window.confirm(“显示的内容”);
prompt() : 输入的对话框
window.prompt(“please input:”,”0″); //参数为显示的内容和默认值
open() : 打开一个新的窗口
open(“打开的新窗口的地址”,””,”窗口特性”);
window.open(“hello.html”,””,”width=200,height=100″);
close() : 关闭窗口(浏览器兼容性比较差)
window,close();
做定时器
setInterval(“js代码”,毫秒数);
window.setInterval(“alert(‘123’);”,3000); //每3秒执行alert
setTimeout()
window.setTimeout(“alert(‘123’);”,3000); //3秒后执行alert后不再执行
clearInterval(); //清除setInterval设置的定时器
clearTimeout(); //清除setTimeout设置的定时器
[t]8. js的dom对象[/t]
dom: document object model: 文档对象模型
文档:
标记型超文本文档html,xml
对象:
提供属性和方法
模型:
可以使用js里面的dom里面提供的对象,使用这些对象的属性和方法,对标记型文档进行操作。
想要对标记型文档进行操作,首先需要对标记型文档里面的所有内容封装成对象。需要把html
里面的标签,属性,文本内容都封装成对象。

解析过程
根据html的层级结构,在内存中分配一个树形结构。需要把html中每部分封装成对象。
-document对象: 整个文档
-element对象: 标签对象
-属性对象
-文本对象

-Node节点对象:这个对象是这些对象的父对象
如果在对象里面找不到想要的当方法,这个时候到Node对象里面去找。

DOM模型有三种
DOM level 1:将html文档封装成对象。
DOM level 2: 在1的基础上添加新的功能,例如,对于事件和css样式的支持。
DOM /。。。3: 支持xml 1.0的一些新特性。

DHTML 是很多技术的简称
html : 封装数据
css :使用属性和属性值设置样式
dom : 操作html文档
javascript : 专门指的是js的语法语句

[t]9. document对象[/t]
表示整个文档
常用方法
write()方法
(1)向页面输出变量
(2)向页面输出html代码
document.write();
getElementById();
通过id得到元素(标签)
<input type=”text” name=”jeck” id=”nameid”>
var input1=document.getElementById(“nameid”);
alert(input1.name);
getElementsByName();
通过标签的name的属性值得到标签
返回的是一个集合
<input type=”text” name=”name1″ value=”aaaa” />
<input type=”text” name=”name1″ value=”bbbb” />
<input type=”text” name=”name1″ value=”cccc” />
<input type=”text” name=”name1″ value=”dddd” />

<script type=”text/javascript”>
var inputs=document.getElementsByName(“name1”);
alert(inputs.length);
//遍历数组
for(var i=0;i<inputs.length;i++){
var in=inputs[i];
alert(inputs.value);
}
</script>

getElementsByName(“标签名称”);
当标签只有一个的时候,我们可以这么使用
var inputs2 = document.getElementsByName(“name1”)[0];
alert(inputs2.value);
var inputs3 = document.getElementsByName(“input”)[0];
alert(inputs3.value);

 

未经允许不得转载:Bcoder资源网 » 实习javaweb前准备:第三天javascript

相关推荐

更多优质资源关注微信公众号: bcoder

bcoder
赞 (0)
分享到:更多 ()

评论 0

评论前必须登录!

登陆 注册