Javascript学习笔录9（窗口属性操作-status、背景色、title等）

最新推荐文章于 2021-03-15 15:54:07 发布

壁橱里的老王

最新推荐文章于 2021-03-15 15:54:07 发布

阅读量1.5k

点赞数

分类专栏： DOM Web XHTML javascript CSS 文章标签： javascript button input website xhtml string

本文链接：https://blog.csdn.net/Jessie_J_Wang/article/details/7311191

版权

Web 同时被 3 个专栏收录

26 篇文章 0 订阅

订阅专栏

javascript

25 篇文章 0 订阅

订阅专栏

DOM

16 篇文章 0 订阅

订阅专栏

1 改变状态栏

window.status='welcome to my website

2 改变文本颜色

document.bgColor --背景色

document.fgColor -- 字体颜色

3 更改标题

document.title="Javascript学习笔录9"+name+"</br>";

4 页面最近的更改时间

document.lastModified

5 页面的前导页面

document.referrer

6 页面的URl

document.URL

7 打开新的页面

window.open(url,name,features,replace)

这里说明一下，document 和window的区别：

document（文档对象）是window和frames对象的一个属性，是显示于窗口或框架内的一个文档。

window对象是Javascript的高级对象，是顶层对象，即浏览器窗口。而document则是window的对象，由于window是顶级对象，

所以window.document.write 一般省略 window ：document.write

8 打印页面

window.print()

9 移动窗口
window.moveTo(x,y)
参数x，y ：窗口左上角的坐标，单位为像素。绝对位置，即屏幕位置
window.moveBy(dx,dy)
参数dx：窗口在水平方向移动的距离，单位为像素。dx为正值向右移动
dy：窗口在垂直方向移动的距离，单位为像素。dy为正值向下移动。
相对位置，移动之后距离现在的位置。
10 改变窗体大小
window.resizeTo(width,height)
参数 width：窗口新宽度，单位为像素。
height：窗口新高度，单位为像素
window.resizeBy(dwidth,dheight)
参数 dwidth：窗口宽度变化量，可正可负，单位为像素。
dheight：窗口高度变化量，可正可负，单位为像素。
11 警告框
这个我经常用，有的时候项目里面如果有asp的改动的话，一般来说我都是用alert()和console.info()去调试的。
12提示对话框
window.prompt(string,string)
13 确认对话框
window.confirm("do you like that?")
让用户确认。
具体代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Js7.aspx.cs" Inherits="Javascript_Js7" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Javascript学习笔录9</title>
</head>
<body οnlοad="window.status='welcome to my website'">
    <form id="form1" runat="server">
    <div>
    <a href =http://www.baidu.com>baidu</a>
    <input type="button" value="打印" οnclick="window.print()" />
    <br />
    水平方向<input type="text" name="x" value="20" />
    <br />
    垂直方向<input type="text" name="y" value="30" />
    <br />
    <input type="button" value="移动窗口到。。。。" οnclick="window.moveTo(document.form1.x.value,document.form1.y.value)" />
    <input type="button" value="移动窗口" οnclick="window.moveBy(document.form1.x.value,document.form1.y.value)" />
    <input type="button" value="改变窗口大小到。。。" οnclick="window.resizeTo(document.form1.x.value,document.form1.y.valu)" />
    <input type="button" value="改变窗口大小" οnclick="window.resizeBy(document.form1.x.value,document.form1.y.valu)" />
    </div>
    <script>
        document.bgColor="orange";
        document.write("background color is "+document.bgColor+"</br>");
        document.fgColor="blue";
        document.linkColor="red";
        name="Mouse"
        document.title="Javascript学习笔录9"+name+"</br>";
        document.write(document.title);
        document.write("本页面最后修改时间是"+document.lastModified+"</br>");
        document.write("本页面URL:"+document.URL+"</br>");
        document.write("本页面的引用页面时："+document.referrer+"</br>");
        window.open("http://www.baidu.com","taobao","width=200,heigh=200");
        document.write("正文</br>")
        alert("welcome page7")
        name=window.prompt("输入用户名","用户名");
        document.write("welcome "+name+"<br>");
        confirms=window.confirm("are you sure");
        if(confirms==true) document.write("Iam sure")
        else document.write(" I am not sure")
    </script>
    <h2>pls look this text</h2>
     <a href =http://www.newegg.com.cn>Newegg.cn</a>

    </form>
</body>
</html>

壁橱里的老王

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Javascript学习笔录9（窗口属性操作-status、背景色、title等）

1 改变状态栏window.status='welcome to my website2 改变文本颜色document.bgColor --背景色document.fgColor -- 字体颜色3 更改标题document.title="Javascript学习笔录9"+name+"";4 页面最近的更改时间document.lastModified
复制链接

扫一扫