• JavaScript基础前二章


    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")

    * 条件及event driven
    1、网页中顺序执行
    2、if...else...
    3、使用按钮

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

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


    **外部JavaScript
    <script src="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()代替

  • 相关阅读:
    团队展示
    原型设计(结对第一次)
    第二次作业——个人项目实战
    第一次作业--准备篇
    课程作业四
    课程作业三
    课程作业二
    课程作业一
    图像处理------ 一阶微分应用 (转载)
    dennis gabor 从傅里叶(Fourier)变换到伽柏(Gabor)变换再到小波(Wavelet)变换(转载)
  • 原文地址:https://www.cnblogs.com/iceberg2008/p/1501365.html
Copyright © 2020-2023  润新知