網站首頁學習教育 IT科技金融知識旅遊規劃生活小知識家鄉美食養生小知識健身運動美容百科遊戲知識綜合知識

當前位置：趣知科普吧 > 綜合知識 >

彈出視窗的html的代碼是怎麼寫的|html怎麼寫彈出框

欄目: 綜合知識 / 發佈於: / 人氣:1.46W

1.彈出視窗的html的代碼是怎麼寫的

1、最基本的彈出視窗代碼

< SCRIPT LANGUAGE="javascript">

< !--

window.open ("page.html")

-- >

< /SCRIPT>

window.open ("page.html") 用於控制彈出新的視窗page.html，如果page.html不與主視窗在同一路徑下，前面應寫明路徑，絕對路徑（", "newwindow", "height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no")

< /SCRIPT>

< SCRIPT LANGUAGE="javascript"> js腳本開始；window.open 彈出新視窗的命令；"page.html" 彈出視窗的檔案名；"newwindow" 彈出視窗的名字（不是檔案名），非必須，可用空"代替；

3、用函數控制彈出視窗

< script LANGUAGE="JavaScript">

< !--

function openwin() {

window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

}

-->

< /script>

這裏定義了一個函數openwin（)，函數內容就是開啟一個視窗。

4、同時彈出2個視窗

< script LANGUAGE="JavaScript">

< !--

function openwin() {

window.open ("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")

}

-->

< /script>

爲避免彈出的2個視窗覆蓋，用top和left控制一下彈出的位置不要相互覆蓋即可。

5、主視窗開啟檔案1.htm，同時彈出小視窗page.html

< script language="javascript">

< !--

function openwin() {

window.open("page.html","","width=200,height=200")

}

-->

< /script>

2.html中彈出框如何實現的

html中彈出框可以用window.open方法

<html>

<head>

function open_win()

{

window.open（"需要彈5261框的地址"）

}

</script>

</head>

<body>

</body>

</html>

定義和用法

open（) 方法用於開啟一個新的瀏覽器視窗或查找一個已命名的視窗。

3.html 怎麼點擊一個按鈕彈出一個提示框

HTML代碼本身是不提供點擊事件等處理函數的，需要藉助JavaScript來實現點擊事件的處理等動態交互效果。

工具原料：編輯器、瀏覽器、jquery。1、首先給一個元素綁定點擊事件，點擊事件的處理函數是彈出一個提示，這裏使用簡單的alert來做演示，代碼如下： <script type="text/javascript"> $(function(){ $('#btn').click(function(){ alert（'你點擊了我'）； }) }) </script>2、代碼的執行的結果如下：注意：以上代碼需要引入jquery執行。

4.html 彈出視窗有幾種方式

html 彈出視窗的常用方2113式：

1、使用javascripts代碼彈5261出視窗

<!--

window.open ('page.html')

-->

</SCRIPT>

這一段代碼可以加入HTML的任意位置，4102<head>；和</head>；之間可以，1653<body>；間</body>；也可以。

2、

<!--

window.open ('page.html', 'newwindow')

//寫成一行版

-->

</SCRIPT>

3、使用函數控制

下面是一個完整的代碼：

<html>

<head>

<!--

function openwin() {

window.open ("page.html", "newwindow")

}

-->

</script>

</head>

頁面內容權。

</body>

</html>

5.HTML視窗彈出代碼

無標題<a href="https://qzkpb.com/tags-200p-0.html" title="檢視更多文檔的文章" target="_blank" >文檔</a><body><！--插入按鈕開始--><！--插入按鈕結束--><！--引用JS代碼以達到彈出對話框目的開始--><！--引用JS代碼以達到彈出對話框目的結束-->擴展資料：方法參數詳解參數解釋：window.open 彈出新視窗的命令； 'page.html' 彈出視窗的檔案名； 'newwindow' 彈出視窗的名字（不是檔案名），非必須，可用空''代替； height=100 視窗高度； width=400 視窗寬度； top=0 視窗距離屏幕上方的象素值； left=0 視窗距離屏幕左側的象素值； toolbar=no 是否顯示工具欄，yes爲顯示； menubar,scrollbars 表示選單欄和滾動欄。

resizable=no 是否允許改變視窗大小，yes爲允許； location=no 是否顯示地址欄，yes爲允許； status=no 是否顯示狀態欄內的資訊（通常是檔案已經開啟），yes爲允許；。

6.HTML如何做一個彈出框,並且該彈出框不點掉,無法操作其他頁面

用遮罩就行< 我是彈出對話框111111!! <！我是彈出對話框2222!! < 我是彈出對話框3333333!! 。

Tags：html 代碼視窗寫彈出框