1、EasyUI起步，编写一个对话框

分手后的思念是犯贱 2022-06-03 10:51 154阅读 0赞

EasyUI资源包下载地址：[http://www.jeasyui.com/download/index.php][http_www.jeasyui.com_download_index.php]

### 第一步：引入EasyUI的资源文件 ###

<script type="text/javascript" src="easyui/jquery.min.js" ></script>
    
    <script type="text/javascript" src="easyui/jquery.easyui.min.js" ></script>
    
    <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"> </script>
    
    <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
    
    <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">

### 第二步：通过添加class，实现不同样式 ###

1、EasyUI的class以easyui开头  
2、**class=”easyui-dialog”表示将此元素编程对话框**  
3、可以通过style自定义对话框的大小。

<div class="easyui-dialog" style="width: 400px;height: 300px;">
            <h1>Hello World</h1>
            <h3>easyui 基本使用</h3>
            <div>
                导入了三个js文件 和 两个css文件
            </div>
        </div>

**如图所示：**  
![EasyUI对话框][EasyUI]

[http_www.jeasyui.com_download_index.php]: http://www.jeasyui.com/download/index.php
[EasyUI]: /images/20220603/2dcd226776b74ab4ba115af1b657ee68.png

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关 python编写webservice（webapp）的起步小节

今天终于写出了服务端的一个helloworld. 小小总结一下，以表纪念。因为的确不是很容易，在完全自己摸索的前提下。目前的需求，是将嵌入式设备板卡的设备的测试函数，通

叁歲伎倆/ 2023年10月09日 12:12/ 0 赞/ 25 阅读

相关 1 Vue的起步

1 Vue的起步 1.1 Hello World https://blog.csdn.net/blbyu/article/details/119957425 htt

客官°小女子只卖身不卖艺/ 2023年09月24日 13:37/ 0 赞/ 68 阅读

相关 git(1) 起步

1 起步本章介绍开始使用 Git 前的相关知识。我们会先了解一些版本控制工具的历史背景，然后试着让 Git 在你的系统上跑起来，直到最后配置好，可以正常开始开发工作。读

朴灿烈づ我的快乐病毒、/ 2022年11月17日 05:01/ 0 赞/ 189 阅读

相关 Python-1 起步

1 起步 1.1 搭建环境 1.1.1 在Windows 系统中搭建Python编程环境 1.安装Python 在打开命令提示符，输入python并回车；如

谁践踏了优雅/ 2022年09月10日 03:18/ 0 赞/ 188 阅读

相关 EasyUI之对话框Dialog

1、实例背景 EasyUI是一个基于jQuery的框架，集成了各种插件。Dialog是对话框，利用它设计新增用户场景。 2、实例源码 <!DO

深藏阁楼爱情的钟/ 2022年07月15日 13:10/ 0 赞/ 251 阅读

相关 1、EasyUI起步，编写一个对话框

EasyUI资源包下载地址：[http://www.jeasyui.com/download/index.php][http_www.jeasyui.com_download_

分手后的思念是犯贱/ 2022年06月03日 10:51/ 0 赞/ 155 阅读

相关 12、EasyUI创建一个对话框

给元素添加 class=”easyui-window” <body> <a href="javascript:" class="easyui-lin

柔光的暖阳◎/ 2022年06月01日 22:52/ 0 赞/ 282 阅读

相关 springboot 1入门起步

springboot 学习之路 springboot简要概述 Spring 诞生时是 Java 企业版（Java Enterprise Edition，JEE，也称 J

女爷i/ 2022年04月10日 01:28/ 0 赞/ 220 阅读

相关 nodejs系列（1）起步

什么是Node.js？ node.js是一个Javascript运行环境，是一个基于Chrome JavaScript运行时建立的平台，用于方便地搭建响应速度快、易于扩

怼烎@/ 2021年09月14日 15:18/ 0 赞/ 331 阅读

相关 easyui messager 消息框对话框

通过 $.messager.defaults 重写默认的 defaults。消息框（messager）提供不同样式的消息框，包括警示（alert）、确认（confirm）、

秒速五厘米/ 2021年07月28日 18:10/ 0 赞/ 831 阅读