JavaScript基础前二章

摘要:
JavaScript能力和不及之处缺点1、JavaScript不能在Client的硬盘读出或写进档案2、JavaScript不能保密,可以看到原始码。一句话,JavaScript是纯粹的浏览器软件。*JavaScript是一个对象为本的语言它可以操作object.propretyobject.method如:document.bgColor=yellowdocument.write*条件及eventdriven1、网页中顺序执行2、if...else...3、使用按钮*在网页嵌入JavaScript的方式在任何地方都可以插入js代码,如果是函数,则插在之间**隐藏不能执行的js句子˂!

JavaScript能力和不及之处缺点
1、JavaScript不能在Client的硬盘读出或写进档案(除了Cookies)
2、JavaScript不能保密,可以看到原始码。
3、没有server-side程序,不能在server开启档案或放下可记录的数据,唯一可与外界联络的方法是以Email的方式送出数据。

一句话,JavaScript是纯粹的浏览器软件。

*JavaScript是一个对象为本的语言
它可以操作
object.proprety
object.method
如:
document.bgColor=yellow
document.write("Hello,everybody")

JavaScript基础前二章第1张* 条件及event driven
1、网页中顺序执行
2、if...else...
3、使用按钮

*在网页嵌入JavaScript的方式
在任何地方都可以插入js代码,如果是函数,则插在<head></head>之间

**隐藏不能执行的js句子
<script>
<!--
document.write("Nice to meet you all.")
//-->
</script>

**外部JavaScript
<script src="http://t.zoukankan.com/external.js">

1.6 JavaScript的批注
1. //
2. /* ...... */

* 打开子窗口
打开msgWin=window.open("test.html","W1");
关闭msgWin.close();

menubar=yes/no 或 1/0 功能列
toolbar 工具列
location 地址列
directories 预设连接按钮列
status 状态列
scrollbars 滚动条
resizable 窗口是否可以改变

width 宽
height 高

2.3 将数据写进子窗口
adwin=window.open("","extrwin");
adwin.document.open();
adwin.document.write("this is a page");
adwin.document.close();

2.4 父窗口的预设识别名称:opener

<script language="javascript">
adwin=window.open("","extrwin");
with(adwin.document)
{
open();
write("<html><body><button ");
write("onClick=\'window.opener.document.bgColor=\"yellow\"\'>");//子窗口控制父窗口
write("改变 </button></body></html>");
close();
}
</script>

<input name="btnColor" type="button" onClick="adwin.document.bgColor='red'" value="改变子窗口的颜色" />

2.5 如何造出按钮
1.利用<form> 内的type=button
<form>
<input type="button" name="buttonA" value="我是按钮A" onClick="alert('I am button A')">
</form>

2. 使用<button>标签
<button onClick="alert('the button has pressed');">请按一下</button>

2.6 利用按钮开启及关闭窗口
<input name="btnOpen" type="button" onClick="msg=window.open('test.html','xxx');" value="打开子窗口" />
<input name="btnClose" type="button" onClick="msg.close();" value="关闭子窗口" />

2.7 窗口移位:moveTo()及moveBy()
1. moveTo(x,y)可以将子窗口的左上角移到屏幕x图点及y图点的位置
2. moveBy(x,y)是将窗口的左上角放在指定位置

2.8 调校窗口大小:resizeTo(x,y) resizeBy(x,y)

2.9 其他window Method
1. window.history.back()下一页
2. window.history.forwark()下一页
3. window.stop() 停止
4. window.scrollTo(x,y)是将显示画页指定转去整个网页中x的水平位和y的垂直位置
5. window.print()网页打印
6. window.setTimeout()是用来设定一个时段,这时段满了就会使浏览器执行一个method
7. window.focus() 是用来鼠标指针放在网页的范围。

2.10 隐藏及不能关闭的窗口
用一个名为behind.html,这网页在onload()网页开启时,用resizeTo(0,0)将窗口缩小,用moveTo(2000,2000)将窗口移出屏幕以外,这

窗口就看不见了,再利用onreSize和onMove来维持这隐藏状态,最后利用onUnload来在关闭网页时重新开启

2.11 window的status property
<input name="btnStatus" type="button" onClick="window.status='我是一个好人'" value="窗口状态栏" />
也可以用onMouseover

2.12 window的screen Object
screen.height 屏幕由上到下的图点数目
screen.width 屏幕由左到右的图点数目
screen.availHeight 屏幕由上到下可给浏览器使用的图点数目
screen.availwidth 屏幕由左到右可给浏览器使用的图点数目
screen.colorDepth 屏幕可使用的颜色数目,单位是位
screen.pixelDepth 每个图点的位数目

2.13 location object
1. 使用window.location="URL"
<input name="btnLocation" type="button" onClick="msg.location='http://www.163.com'" value="子窗口重定向" />
2. location 的 property
location.protocol 网页传送的方式
location.host 服务器的名称
location.pathname 网页的目录位置及文件名称
location.hash 是网页内书签的名称

3. window.location 的 reload() 及 replace()
reload()刷新
replace()代替

免责声明:文章转载自《JavaScript基础前二章》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇二叉树(线索化)stm32f4xx 的IWDG使用的一般步骤下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

IOS图片拉伸技巧

纵观移动市场,一款移动app,要想长期在移动市场立足,最起码要包含以下几个要素:实用的功能、极强的用户体验、华丽简洁的外观。华丽外观的背后,少不了美工的辛苦设计,但如果开发人员不懂得怎么合理展示这些设计好的图片,将会糟蹋了这些设计,功亏一篑。 比如下面张图片,本来是设计来做按钮背景的: button.png,尺寸为:24x60 现在我们把它用作为按钮背景,...

Web前端测试要点

Web前端测试维度: 功能性:功能准确性、兼容性 易用性:易学性、易理解性、易操作性、吸引性 可靠性:成熟性、容错性、稳定性、可恢复性、安全性 可移植性:适应性、易安装性、兼容性 可维护性:易分析性、易测试性 效率:时间特性、资源利用性 调优点: 1. 减少http请求的数量 2. 用好浏览器缓存机制 3. 利用GZIP压缩机制:只针对文本类资源有效...

js中window对象详解以及页面跳转

1.window.top.window.location= "index.asp"; 2.window.top.location.href="index.asp" 3.window.top.location.replace("index.asp"); 4.window.navigate("index.asp"); 5.windows.open()//新窗口...

屏蔽微信内置底部前进后退按钮(很迫切的需求)

在使用window.location.href进行页面跳转或者react内部项目使用 this.props.history.push进行页面跳转时,做好的h5页面放在微信里,底部会出选前进后退的按钮,如下图: 废话不多说,解决问题: 第一种情况:如果只是页面之间跳转,使用window.location.replace 代替window.location.h...

QT入门-在窗体中添加按钮以及对窗体进行设置

1) QT中,按钮类叫做QPushButton。在mywidget.h的MyWidget类的私有变量中: QPushButton b1; 或者QPushButton* b2;按住F4可以直接跳到.cpp文件。 2) 按钮初始化:在窗口类的构造函数里初始化即可。b2=new QPushButton(…)选中按F1可以查看构造函数以及其参数。 QPushBu...

wed的各种前端打印方法(2)

JQery打印插件PrintArea实现网页打印: 第一步: jquery.PrintArea.js下载 js引用 1 <script language="javascript" src="http://t.zoukankan.com/jquery-1.7.1.min.js"></script> 2 <script type...