码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 内容串联

时间:2015-04-21 22:21:34      阅读:274      评论:0      收藏:0      [点我收藏+]

标签:

JavaScript ——脚本语言 宿主文件 NetScape 

JSscript 微软公司
一、JavaScript基本语法。
(一)数据类型与变量类型。
数据类型:整数,小数,布尔型,字符串,日期时间,数组.........

var a=5;a=a+5;       10

var b="5";b=b+5;    55
强制转换:
parseInt() ----强制转化成整数 

parseFloat()-----强制转化成小数

例:

<script language="javascript">
var a="15169377135o";
var b=parseInt(a);
alert(b);
</script>                   --------15169377135

<script language="javascript">
var a="15169377135o1234";
var b=parseInt(a);
alert(b);
</script>                   --------15169377135

<script language="javascript">
var a="s15169377135";
var b=parseInt(a);
alert(b);
</script>                   --------isNaN

 isNaN()--------判断是否是一个合法的数字类型,不是(true),是(false)

运算符:(算术运算符(7)关系运算符(6)逻辑运算符(3)其他运算符)

语句:  for(var i=0,i<a.length,i++){}
(二)数组   数据类型[] 数组名=new 数据类型[];
var 数组名 = new Array([长度]); //“假冒”数组,长度建议不写。
a.length----长度
a[下标] = 值。
a[下标]
(三)函数
function 函数名(形参)
{

}
function ShowStr(a)
{

}

二、DOM操作
DOM - Document Object Model 文档对象模型。

线状模型,树状模型,网状模型
window(浏览器)
         history---前进后退(历史)
         location---地址栏
         document ----文档、html网页<html></html>
                             head
                             body
                                        a,img,table,ul,ol.....
         status-----状态栏

对象——object   特点的名词, 行为的动词(动词());

(一)window
1.alert()
window.alert();

2.[var a = ]window.confirm("你能跑过豹子吗?");

例:

<script language="javascript">
var a=window.confirm("你能跑过豹子嘛?");
if(a==true)
{
    alert("你比禽兽还禽兽!");
}
else
{
    alert("你禽兽不如!");
}
</script>


    //prompt(); --不常用,不用记,输入


3.open();

var retval = window.open(url, name, features, replace);

replace

一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:

  • true - URL 替换浏览历史中的当前条目。
  • false - URL 在浏览历史中创建新的条目。


window.open("地址","_blank/_self","新窗口的特点");
[var a = ]window.open("http://www.sina.com.cn");
在新窗口中打开页面,返回新的窗口。a也是一个window类型的变量。

var a=window.open("http://www.sina.com.cn","_blank","width=200 height=200 top=0 left=0 toolbar=no");


4.close();
window.close();

5.setTimeout("code",毫秒数)
指定的毫秒数后,执行code一次。

例:

<body>
<h1 id="hh"></h1>
</body>

<script language="javascript">
function showtime()
{
    var dt=new Date();
    document.getElementById("hh").innerHTML=dt;
    window.setTimeout("showtime()",1000);
}
showtime();
</script>
技术分享时刻表

********打开页面,五秒后弹出广告,再过5秒广告关闭************
var a;
function openAD()
{
    a = window.open("http://www.sina.com.cn","_blank","width=200 height=200 toolbar=no top=0 left=0");
    
    window.setTimeout("closeAD()",5000);
}
function closeAD()
{
    a.close();
}
window.setTimeout("openAD()",5000);

6.setInterval("code",毫秒数)
每隔指定的毫秒数就执行code一次。
例:
<body>
<h1 id="hh"></h1>
</body>

<script language="javascript">
function showtime()
{
    var dt=new Date();
    document.getElementById("hh").innerHTML=dt;
}
window.setInterval("showtime()",1000);
</script>
技术分享时刻表

window.moveTo(x,y);
window.resizeTo(width,height);
window.scrollTo(x,y);
注;全屏窗口看不出来。

(二)历史操作
window.history.go(n);   n是正数,前进;n是负数,后退;
(三)地址栏操作
var s=window.location.href;  获取当前页面的地址
//定时刷新页面
function showSelf()
{
    window.location.href="Untitled-3.html";
}
window.setInterval("showSelf()",1000);

(四)文档操作
window.document

1.找到对象

2.操作属性

3.操作样式

4.操作内容

5.操作元素。

JavaScript 内容串联

标签:

原文地址:http://www.cnblogs.com/likaixuan/p/4445608.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!