Html css javascript如何使用javascript显示css弹出窗口

这是我的第一个问题。我有一些代码，但我不知道如何告诉你我的想法。让我们看看代码->

当我显示对话框时，在url栏中有“#openModal1”。如何用javascript或其他东西隐藏

.modalDialog{
位置：固定；
字体系列：Arial、Helvetica、无衬线字体；
排名：0；
右：0；
底部：0；
左：0；
背景：rgba（0,0,0,0.8）；
z指数：99999；
不透明度：0；
-webkit过渡：不透明度400ms缓进；
-moz过渡：不透明度400ms缓进；
过渡：不透明度400ms缓进；
指针事件：无；
}
.modalDialog：目标{
不透明度：1；
指针事件：自动；
}
.modalDialog>div{
宽度：600px；
高度：200px；
位置：相对位置；
利润率：10%自动；
填充：5px20px 13px 20px；
边界半径：10px；
背景：#fff；
背景：-moz线性梯度（#fff，#999）；
背景：-webkit线性梯度（#fff，#999）；
背景：-o-线性梯度（#fff，#999）；
}

模式框2
这是一个示例模态框，可以使用CSS3的功能创建

你可以在这里做很多事情，比如在网站加载时弹出广告，或者为用户创建登录/注册表单

我不知道您是否可以修改用于打开模式的javascript，但也许您可以使用

数据属性来代替锚定

<a href="javascript:;" data-modal="openModal1">Black</a>

您可以尝试以下代码：

<a href="#" onclick='openModal1'>open</a>

<div id="openModal1" class="modalDialog">
  <div>
    <a href="#" onclick='close' title="Close" class="close">X</a>
    <h2>Modal Box 2</h2>
    <p>This is a sample modal box that can be created using the powers of CSS3.</p>
    <p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
  </div>
</div>


模式框2
这是一个示例模态框，可以使用CSS3的功能创建

你可以在这里做很多事情，比如在网站加载时弹出广告，或者为用户创建登录/注册表单

您想使用javascript显示和隐藏openModal1

？欢迎使用StackOverflow。我真的建议你阅读和阅读。这将在这个网站上对你有很大帮助。我想他有一个像

http://www.website.com/page#openModal1

当他打开模式窗口时，但他不希望URL中出现“openModal1”。

<a href="#" onclick='openModal1'>open</a>

<div id="openModal1" class="modalDialog">
  <div>
    <a href="#" onclick='close' title="Close" class="close">X</a>
    <h2>Modal Box 2</h2>
    <p>This is a sample modal box that can be created using the powers of CSS3.</p>
    <p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
  </div>
</div>