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

JavaScript012

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>

dialog是jquery

UI库的一个UI组件。

你要使用dialog。仅仅引入jquery.js是不够的。

jquery只是轻量级的基础框架。

如果你要用jqueryUI的dialog组件。

就要引入jqueryUI的js及相关css样式文件。

依赖关系dialog

-->

jqueryUI

-->

jquery