JavaScript中的Window物件(開啟新的視窗)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript中的Window物件(開啟新的視窗)</title>
<script type="text/javascript">
function fun(thisurl){
//window是Javascript的一個最常用的物件,表示瀏覽器當前視窗的最頂級(最上層)的一個物件
//alert這個函式其實就是這個物件的函式
//open函式:在當前視窗開啟一個新視窗,開啟的視窗的地址:url ,標題
//width:視窗的寬度,height:視窗的高度,scrollbars:是否有滾動條,resizable:滾動條大小是否可以改變
window.open(thisurl, "頁面標題", "width=470,height=150,scrollbars=yes,resizable=no");
}
</script>
</head>
<body>
<form action="" method="post" name="myform">
網址:<select name="url" id="url" onchange="fun(this.value)">
<option value="event.html" selected>event</option>
<option value="event2.html">event2</option>
<option value="event3.html">event3</option>
</select>
</form>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript中的Window物件(開啟新的視窗)</title>
<script type="text/javascript">
function fun(thisurl){
//window是Javascript的一個最常用的物件,表示瀏覽器當前視窗的最頂級(最上層)的一個物件
//alert這個函式其實就是這個物件的函式
//open函式:在當前視窗開啟一個新視窗,開啟的視窗的地址:url ,標題
//width:視窗的寬度,height:視窗的高度,scrollbars:是否有滾動條,resizable:滾動條大小是否可以改變
window.open(thisurl, "頁面標題", "width=470,height=150,scrollbars=yes,resizable=no");
}
</script>
</head>
<body>
<form action="" method="post" name="myform">
網址:<select name="url" id="url" onchange="fun(this.value)">
<option value="event.html" selected>event</option>
<option value="event2.html">event2</option>
<option value="event3.html">event3</option>
</select>
</form>
</body>
</html>
相關文章
- window.open()開啟新視窗教程
- Window10怎樣開啟Powershell視窗
- 非啟用視窗(Inactive Window)
- 使用window.open開啟新視窗被瀏覽器攔截的解決方案瀏覽器
- js 開啟新視窗方式JS
- JavaScript window物件JavaScript物件
- Markdown連結採用新開視窗的方式開啟
- 在新視窗開啟連結的方法是什麼?那怎麼設定全站連結都在新視窗開啟?
- vue 新視窗開啟外連結Vue
- Vue中在新視窗開啟頁面 及 Vue-routerVue
- JavaScript客戶端document物件和window物件的區別JavaScript客戶端物件
- 滑鼠拖動圖片,禁止在新視窗中開啟圖片
- 拖拽防止火狐瀏覽器開啟新視窗瀏覽器
- JavaScript 複習之 window物件JavaScript物件
- C#中關閉子視窗而不釋放子視窗物件的方法C#物件
- JavaScript檢測window.open()彈出視窗是否被攔截JavaScript
- vue 內開啟一個新視窗,帶傳參!Vue
- flink 中window的開窗開始時間、結束時間講解
- 無法開啟JFrame視窗
- mysql視窗函式中的滑動視窗MySql函式
- 瀏覽器攔截開啟新視窗情況總結瀏覽器
- PbootCMS模板導航設定外鏈時新視窗開啟boot
- win10怎樣開啟執行視窗快捷鍵_win10開啟執行視窗的4個方法Win10
- 滑動視窗(Sliding Window)技巧總結
- PostgreSQL 視窗函式 ( Window Functions ) 如何使用?SQL函式Function
- 基於vue3.0+electron新開視窗|Electron多開窗體|父子模態視窗Vue
- phpcms模板 外部連結在新視窗開啟怎麼設定PHP
- Window開啟服務的DOS命令
- JavaScript中物件的拷貝JavaScript物件
- 滑動視窗演算法(Sliding Window Algorithm)演算法Go
- Cisdem Window Manager for Mac 視窗管理工具Mac
- IDEA 開啟 services視窗 管理微服務Idea微服務
- JavaScript 視窗抖動效果JavaScript
- vue開啟新視窗並且實現傳參,有圖有真相Vue
- DRF思維導圖(單獨新視窗開啟圖片可檢視大圖)
- 一次性關閉所有開啟的word視窗
- 如何在 Mac 上的排程中心中檢視開啟的視窗和空間?Mac
- JavaScript 元素距離視窗頂部的距離JavaScript
- 深入瞭解JavaScript中的物件JavaScript物件