如何修改由JS弹出的网页对话框标题

JavaScript017

如何修改由JS弹出的网页对话框标题,第1张

JS中alert样式为浏览器内置设定,标题及颜色等是无法修改的。

如果因为网站的需要,需要修改标题或者样式等,一般解决方案是使用DOM模拟弹出

title标签因不属于body,无法使用document.getElementXX获得,因为document只能对document进行管理,但title却是属于BOM的内容,所以可以使用window.title获得其值。status则是获得其状态栏中的内容。

这些问题其实是基本对HTML和BOM/DOM的理解上,不应该问这么简单的问题的!

思路:使用document.title获取页面标题,使用value属性为文本框赋值,关键代码:

document.getElementById(input_id).value=document.title

实例演示如下:

1、HTML结构

<html>

<head>

    <title>TEST</title>

</head>

<body>

    <input type="text" id="test"/>

    <input type='button' value='点击按钮获取页面标题' onclick="fun()"/>

</body>

2、javascript代码

function fun(){

var title = document.title

document.getElementById("test").value = title

}

3、效果演示