JavaScript進階程式設計 閱讀筆記（十五） 瀏覽器中的JavaScript_javascript技巧

Window对象

窗口操作
　　Window对象对操作浏览器窗口非常有用，开发者可以移动或调整浏览器窗口的大小。可用四种方法实现这些操作：
　　moveBy(dx,dy)：把浏览器窗口相对当前位置水平移动dx个像素，垂直移动dy个像素。dx值为负左移，dy为负上移。
　　moveTo(x,y)：移动浏览器窗口，使它的左上角位于用户屏幕的(x,y)处。可以使用负数，不过这样会把部分窗口移出屏幕的可视区域。
　　resizeBy(dw,dh)：相对浏览器窗口当前大小，把窗口的宽度调整dw个像素，高度调整dy个像素。dw、dy为负时缩小窗口。
　　resizeTo(w,h)：把窗口的宽度调整为w，高度调整为h，不能使用负数。

注，FireFox跟Chrome默认不允许进行此操作，要在安全设置里更改

效果(在IE浏览器中有效果)：

<meta charset="utf-8"> <title>JavaScript窗口操作</title> <script type="text/javascript"> function moveByF(){ top.window.moveBy(100,100); } function moveToF(){ top.window.moveTo(100,100); } function resizeByF(){ top.window.resizeBy(100,100); } function resizeToF(){ top.window.resizeTo(100,100); } </script> <input type="button" onclick="moveByF()" value="moveBy"> <input type="button" onclick="moveToF()" value="moveTo"> <input type="button" onclick="resizeByF()" value="resizeBy"> <input type="button" onclick="resizeToF()" value="resizeTo">
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

导航和打开新窗口

　　导航和打开新窗口用 window.open() 方法，该方法接受四个参数，即要载入新窗口的页面的URL，新窗口名字，特性字符串和说明是否用新载入的页面替换当前载入的页面的Boolean值。一般只用前三个参数，最后一个参数只有在window.open()打不开新窗口时才有效。

　　第三个参数可选值如下：

top=pixels窗口的 y 坐标。

left=pixels	窗口的 x 坐标。以像素计。
height=pixels	窗口文档显示区的高度。以像素计。
width=pixels	窗口的文档显示区的宽度。以像素计。
resizable=yes|no	窗口是否可调节尺寸。默认是 yes。
scrollable=yes|no	是否显示滚动条。默认是 yes。
location=yes|no	是否显示地址字段。默认是 yes。
status=yes|no	是否添加状态栏。默认是 yes。
toolbar=yes|no	是否显示浏览器的工具栏。默认是 yes。

特性字符串是以逗号分隔的，所以在逗号或等号后不能有空格。

示例：

<meta charset="utf-8"> <title>JavaScript打开新窗口</title> <script type="text/javascript"> function open_win() { window.open("http://www.cnblogs.com","_blank","width=800,height=400,left=100,top=100") } </script> <input type="button" value="打开窗口" onclick="open_win()">
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

document对象

　　用document的open、write、close等方法可以向新打开的窗口中写入内容，如下所示：

复制代码 代码如下:

熱AI工具

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

免費脫衣圖片

Clothoff.io

AI脫衣器

Video Face Swap

使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！

顯示更多

熱門文章

刺客信條陰影：貝殼謎語解決方案

1 個月前 By DDD

Windows 11 KB5054979中的新功能以及如何解決更新問題

3 週前 By DDD

在哪裡可以找到原子中的起重機控制鑰匙卡

1 個月前 By DDD

如何修復KB5055523無法在Windows 11中安裝？

2 週前 By DDD

Inzoi：如何申請學校和大學

3 週前 By DDD

顯示更多

熱工具

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

中文版，非常好用

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

顯示更多

熱門話題

gmail信箱登陸入口在哪裡

7759

15

Java教學

1644

14

CakePHP 教程

1399

52

Laravel 教程

1293

25

PHP教程

1234

29

顯示更多

Related knowledge

解決 Craft CMS 中的緩存問題：使用 wiejeben/craft-laravel-mix 插件 Apr 18, 2025 am 09:24 AM

在使用CraftCMS開發網站時，常常會遇到資源文件緩存的問題，特別是當你頻繁更新CSS和JavaScript文件時，舊版本的文件可能仍然被瀏覽器緩存，導致用戶無法及時看到最新的更改。這個問題不僅影響用戶體驗，還會增加開發和調試的難度。最近，我在項目中遇到了類似的困擾，經過一番探索，我找到了wiejeben/craft-laravel-mix這個插件，它完美地解決了我的緩存問題。

apache服務器是什麼 apache服務器是乾嘛的 Apr 13, 2025 am 11:57 AM

Apache服務器是強大的Web服務器軟件，充當瀏覽器與網站服務器間的橋樑。 1. 它處理HTTP請求，根據請求返回網頁內容；2. 模塊化設計允許擴展功能，例如支持SSL加密和動態網頁；3. 配置文件（如虛擬主機配置）需謹慎設置，避免安全漏洞，並需優化性能參數，例如線程數和超時時間，才能構建高性能、安全的Web應用。

HDFS文件系統在CentOS上的使用技巧 Apr 14, 2025 pm 07:30 PM

CentOS系統下HDFS文件系統的安裝、配置及優化指南本文將指導您如何在CentOS系統上安裝、配置和優化Hadoop分佈式文件系統(HDFS)。 HDFS安裝與配置Java環境安裝:首先，確保已安裝合適的Java環境。編輯/etc/profile文件，添加以下內容，並將/usr/lib/java-1.8.0/jdk1.8.0_144替換為您的實際Java安裝路徑：exportJAVA_HOME=/usr/lib/java-1.8.0/jdk1.8.0_144exportPATH=$J

Tomcat日誌中如何查看線程狀態 Apr 13, 2025 am 08:36 AM

要查看Tomcat日誌中的線程狀態，您可以採用以下幾種方法：TomcatManagerWeb界面：在瀏覽器中輸入Tomcat的管理地址（通常為http://localhost:8080/manager），登錄後即可查看線程池的狀態。 JMX監控：使用JMX監控工具（如JConsole）連接到Tomcat的MBean服務器，查看Tomcat線程池的狀態。在JConsole中選擇

Nginx性能監控與故障排查工具使用 Apr 13, 2025 pm 10:00 PM

Nginx性能監控與故障排查主要通過以下步驟進行：1.使用nginx-V查看版本信息，並啟用stub_status模塊監控活躍連接數、請求數和緩存命中率；2.利用top命令監控系統資源佔用，iostat和vmstat分別監控磁盤I/O和內存使用情況；3.使用tcpdump抓包分析網絡流量，排查網絡連接問題；4.合理配置worker進程數，避免並發處理能力不足或進程上下文切換開銷過大；5.正確配置Nginx緩存，避免緩存大小設置不當；6.通過分析Nginx日誌，例如使用awk和grep命令或ELK

Nginx日誌分析與統計，了解網站訪問情況 Apr 13, 2025 pm 10:06 PM

本文介紹瞭如何分析Nginx日誌以提升網站性能和用戶體驗。 1.理解Nginx日誌格式，例如時間戳、IP地址、狀態碼等；2.使用awk等工具解析日誌，統計訪問量、錯誤率等指標；3.根據需求編寫更複雜的腳本或使用更高級工具，例如goaccess，分析不同維度的數據；4.對於海量日誌，考慮使用Hadoop或Spark等分佈式框架。通過分析日誌，可以識別網站訪問模式、改進內容策略，並最終優化網站性能和用戶體驗。

如何在CentOS上監控HDFS狀態 Apr 14, 2025 pm 07:33 PM

在CentOS系統上監控HDFS（Hadoop分佈式文件系統）狀態有多種途徑。本文將介紹幾種常用方法，助您選擇最合適的方案。 1.利用Hadoop自帶的WebUIHadoop自帶的Web界面提供集群狀態監控功能。步驟：確保Hadoop集群已啟動並運行。訪問WebUI：在瀏覽器中輸入http://:50070（Hadoop2.x）或http://:9870（Hadoop3.x）。默認用戶名和密碼通常為hdfs/hdfs。 2.命令行工具監控Hadoop提供一系列命令行工具，方便監

Debian OpenSSL如何配置HTTPS服務器 Apr 13, 2025 am 11:03 AM

在Debian系統上配置HTTPS服務器涉及幾個步驟，包括安裝必要的軟件、生成SSL證書、配置Web服務器（如Apache或Nginx）以使用SSL證書。以下是一個基本的指南，假設你使用的是ApacheWeb服務器。 1.安裝必要的軟件首先，確保你的系統是最新的，並安裝Apache和OpenSSL：sudoaptupdatesudoaptupgradesudoaptinsta

See all articles