js实现点击一个按钮打开或关闭dialog对话框

JavaScript021

js实现点击一个按钮打开或关闭dialog对话框,第1张

<html>

<head></head>

<body>

<!-- dialog -->

    <button onclick=dakai()></button>

    <dialog id='dialog'>this is a dialog</dialog>

<script>

    var dakai=function(){

        var x=document.getElementById("dialog").open

        console.log(x)

        if(x){

            document.getElementById("dialog").removeAttribute('open')

        }else{

            document.getElementById("dialog").setAttribute('open','open')

 }

</script>

</body>

</html>

文本框不可以编辑可以用两个属性来控制:

readonly,只读属性,文本可以选择、复制,但是不可以改变文本值

disabled,不可选择、复制、改变文本值。

  js控制打开对话框的时候,同时改变对话框中的文本框的属性即可。

jq方法

$("input[type=text]").prop('readonly','readonly')

或者

$("input[type=text]").prop('disabled','disabled')

// 浏览文件夹(指定文件路径)function BrowseFolder() {try {var Message = "Please select the folder path."//选择框提示信息var Shell = new ActiveXObject("Shell.Application")var Folder = Shell.BrowseForFolder(0, Message, 0x0040, 0x11)//起始目录为:我的电脑//var Folder = Shell.BrowseForFolder(0,Message,0)//起始目录为:桌面if (Folder != null) {Folder = Folder.items()// 返回 FolderItems 对象Folder = Folder.item()// 返回 Folderitem 对象Folder = Folder.Path// 返回路径if (Folder.charAt(Folder.length - 1) != "\\") {Folder = Folder + "\\"}return Folder}} catch (e) {alert(e.message)}}//保存文件function SaveInfoToFile(folder, fileName) {var filePath = folder + fileNamevar fileInfo = "hahahaha"var fso = new ActiveXObject("Scripting.FileSystemObject")var file = fso.CreateTextFile(filePath, true)file.Write(fileInfo)file.Close()}以上代码并没有处理xml,关于xml可以找相关资料。