JavaScript 内容串联

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.操作元素。

时间: 2024-10-14 04:39:02

JavaScript 内容串联的相关文章

JavaScript 内容串联 ---Document---四、五

Document (四)操作内容 1.表单元素(文本.按钮.选择) 取值:obj.value=""; 赋值:var s=obj.value; 例1: <body><form action="" method="get">    <input id="txt" name="txt" type="text" />    <input id="

JavaScript 内容串联 ---Document

Document 对象 一.找到对象document.getElementById("id");//根据id找,最多找出一个,因为ID是唯一的:document.getELementsByName("name");//根据name找,找出来的是数组:document.getElementsByTagName("div");//根据标签名找,找出来的是数组: 例: var a=document.getElementsByTagName("

JavaScript内容梳理 示例之模态对话框 示例之全选和反选以及取消 示例之后台管理左侧菜单

1 <!DOCTYPE html> 2 <!--示例之模态对话框--> 3 <html lang="en"> 4 <head> 5 <meta charset="UTF-8"> 6 <title>Title</title> 7 <style> 8 .hide{ 9 display: none; 10 } 11 .c1{ 12 position: fixed; 13 lef

ckeditor源码编辑模式,添加style、javascript内容丢失的解决

我使用ckeditor 我在编辑的使用源码编辑,保存内容包含javascript.style标签的时候,数据库中有javascript.style标签 , 输入到页面也可以执行,但是我再次编辑的时候就不见了.添加allowedContent: true就可以了 CKEDITOR.replace( 'textarea_id', { allowedContent: true}); 也可以通过在config.js中添加config.allowedContent = true;实现

Javascript内容整理——BOM

JavaScript BOM 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话". BOM(Browser Object Model (BOM))即浏览器对象模型 BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性,现代的浏览器已经(几乎)实现了 JavaScript 交互相同的方法和属性,因此它经常作为 BOM 的方法和属性被提到 BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM缺乏标准,JavaScript语法的标

HTML 内容串联

HTML     超文本标记语言  (Hyper Text Markup lauguage) 一.常规标记 (一)格式控制标签(word 栏) <font face="" size="" color=""></font>(字体,大小,颜色) <b></b>(加粗) <i></i> (倾斜) <u></u>(下划线) <center><

CSS 内容串联

CSS  ----层叠样式表   Cascading    Style    Sheet 一.CSS的分类 1.外部样式表---.css文件 2.内嵌样式表---放在<head><style type="text/css"> </style></head> 3.内联样式表---放在标记style上的属性 二.选择器 (一)基本选择器 1.id 选择器:# 2.class 选择器:. 3.标签选择器:标签名,例  body{} (二)组合选

MVC5 action 返回JavaScript代码,未执行弹框,出现下载文件或是返回的JavaScript内容 的问题

因为MVC5 新建项目里不包含jquery.unobtrusive-ajax.js 用NUGET程序包管理器控制台安装下面这两个文件Install-Package jQuery –version 1.10.2Install-Package Microsoft.jQuery.Unobtrusive.Ajax –version 3.0.0 NUGET程序包管理器控制打开方法: 关于EmptyResult.ContentResult和FileResult这三种ActionResult是如何将Actio

javascript事件详细说明

javascript事件列表解说javascript事件列表解说事件 浏览器支持 解说一般事件 onclick IE3.N2 鼠标点击时触发此事件ondblclick IE4.N4 鼠标双击时触发此事件onmousedown IE4.N4 按下鼠标时触发此事件onmouseup IE4.N4 鼠标按下后松开鼠标时触发此事件onmouseover IE3.N2 当鼠标移动到某对象范围的上方时触发此事件onmousemove IE4.N4 鼠标移动时触发此事件onmouseout IE4.N3 当鼠