个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试创建一个动态网页，其中每个按钮都显示一个特定的 <div>页面同时隐藏 <div> 的其余部分页面。
我将它部署在此处、我的本地主机和 jsfiddle 上，但不知为何它无法在 jsfiddle 和我的本地主机上正常运行，但它可以在此处运行。
我不太清楚为什么会这样？
我的 HTML:
<p>Click the "Try it" button to toggle between hiding and showing the DIV element:</p>
<button onclick="myFunction()">Try it</button>
<button onClick="myFunction2()">Try it</button>
<button onClick="myFunction3()">Try it</button>
<div id="myDIV">
This is my DIV element.
</div>
<div id="div2" style="display: none;">
Div2
</div>
<div id="div3" style="display: none;">Div3</div>
我的 CSS:
#myDIV {
width: 100%;
padding: 50px 0;
text-align: center;
background-color: lightblue;
margin-top: 20px;
}
#div2{
width: 100%;
padding: 50px 0;
text-align: center;
background-color: purple;
margin-top: 20px;
}
#div3{
width: 100%;
padding: 50px 0;
text-align: center;
background-color: yellow;
margin-top: 20px;
}
我的 JavaScript:
function myFunction() {
var x = document.getElementById("myDIV");
var y = document.getElementById("div2");
var z = document.getElementById("div3");
if (x.style.display === "none") {
x.style.display = "block";
y.style.display = "none";
z.style.display = "none";
}
}
function myFunction2() {
var x = document.getElementById("div2");
var y = document.getElementById("myDIV");
var z = document.getElementById("div3");
if (x.style.display === "none") {
x.style.display = "block";
y.style.display = "none";
z.style.display = "none";
}
}
function myFunction3() {
var x = document.getElementById("div3");
var y = document.getElementById("myDIV");
var z = document.getElementById("div2");
if (x.style.display === "none") {
x.style.display = "block";
y.style.display = "none";
z.style.display = "none";
}
}
function myFunction() {
var x = document.getElementById("myDIV");
var y = document.getElementById("div2");
var z = document.getElementById("div3");
if (x.style.display === "none") {
x.style.display = "block";
y.style.display = "none";
z.style.display = "none";
}
}
function myFunction2() {
var x = document.getElementById("div2");
var y = document.getElementById("myDIV");
var z = document.getElementById("div3");
if (x.style.display === "none") {
x.style.display = "block";
y.style.display = "none";
z.style.display = "none";
}
}
function myFunction3() {
var x = document.getElementById("div3");
var y = document.getElementById("myDIV");
var z = document.getElementById("div2");
if (x.style.display === "none") {
x.style.display = "block";
y.style.display = "none";
z.style.display = "none";
}
}#myDIV {
width: 100%;
padding: 50px 0;
text-align: center;
background-color: lightblue;
margin-top: 20px;
}
#div2{
width: 100%;
padding: 50px 0;
text-align: center;
background-color: purple;
margin-top: 20px;
}
#div3{
width: 100%;
padding: 50px 0;
text-align: center;
background-color: yellow;
margin-top: 20px;
}<p>Click the "Try it" button to toggle between hiding and showing the DIV element:</p>
<button onclick="myFunction()">Try it</button>
<button onClick="myFunction2()">Try it</button>
<button onClick="myFunction3()">Try it</button>
<div id="myDIV">
This is my DIV element.
</div>
<div id="div2" style="display: none;">
Div2
</div>
<div id="div3" style="display: none;">Div3</div>编辑:
我的 JSfiddle 链接:https://jsfiddle.net/yvw4gwwh/3/
最佳答案
在 <body> 中将您的 Javascript 加载类型更改为 No wrap - ;在这里试试:https://jsfiddle.net/yvw4gwwh/14/
关于javascript - 为什么我的 JavaScript 可以在这里运行，但不能在我的本地主机或 JSFiddle 中运行？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49500584/
25
4
0
我在这里想做的是将所有连接转发到机器一上端口 3306 上的本地主机到本地主机上端口 3306 上的机器二。因此，如果您连接到机器一上的 mysql，它的行为就像您正在连接一样在二号机器上。 我认为
通过Kibana界面，如何获得 flex IP /主机？ 我的意思是，与kibana连接的Elastic主机。 那有可能吗？我在这个上挣扎了好几个小时，却一无所获:( 附:不确定此问题是否是题外话，应
我知道这听起来很奇怪，但我有一个情况，Deno 需要关闭自己的主机(并因此杀死自己的进程)。这可能吗？ 我特别需要这个用于 linux (lubuntu)，如果相关的话。我想这需要 sudo 权限，这
我知道这听起来很奇怪，但我有一个情况，Deno 需要关闭自己的主机(并因此杀死自己的进程)。这可能吗？ 我特别需要这个用于 linux (lubuntu)，如果相关的话。我想这需要 sudo 权限，这
我有一个基本问题，但谷歌并没有为我产生很多结果(反正不是英文的)。基本上我想做的就是: 我有一个图形需要用作整个应用程序的持久 header ，例如:我不能让它在新的 Intent 调用时从屏幕上滑出
您好，我正在使用 xampp，我正在尝试使用 php 进行连接。 $sql_connections = mysql_connect("$server, $username, $password")
我目前正在尝试一些多人游戏的想法，并正在尝试创建一个 Java 应用程序来为基于网络浏览器的多人游戏提供服务。 我的开发环境是主机上的Eclipse， native 上的notepad + Googl
今天为大家分享一篇关于SSH 的介绍和使用方法的文章。本文从SSH是什么出发，讲述了SSH的基本用法，之后在远程登录、端口转发等多种场景下进行独立的讲述，希望能对大家有所帮助。 什么是SSH？
我已经完成了在裸机 Centos 7 上运行的测试 Kubernets 主机的设置。这将用作测试系统，因为我们将在 IBM Bluemix Kubernetes 服务中部署所有内容。 从 Bluemi
我正在尝试通过带有 4.2(果冻 bean )的 android 设备“nexus 7”通过 USB 与我的 freeduino 板进行通信，该板类似于 arduino uno。 几个月后，我使用开发
我正在使用 nginx，但在设置反向代理时遇到问题。 我的 nginx.conf 是默认的(没有对其进行任何更改)，我的站点可用配置是: upstream backend_hosts { se
我在 projectlocker(免费 svn 主机)上有一个帐户，但我不知道如何将我的项目文件上传到它。 我在我的仪表板中找不到任何选项。 我在我的电脑上使用tortoiseSvn，那么如何上传文件
设置batchSize = 1有意义吗？如果我想一次处理一个文件？ 尝试过batchSize = 1000和batchSize = 1 - 似乎具有相同的效果 { "version": "2.0"
我只想知道.. docker中现在有任何可用的工具吗？我已经阅读了Docker中有关多主机功能的一些文档，例如， Docker群 Docker服务(带有副本) 我也知道群模式下的volume问题，容器
我想将文件从 Docker 的容器挂载到我的 docker 主机。 数据卷不是我的解决方案，因为它们是从 docker 主机到 docker 容器的装载，我需要相反的方法。 谢谢 最佳答案 当 doc
我是新手。我无法正确理解RMI。互联网上有大量教程，但据我所知，它们都是针对本地主机的。服务器和客户端都运行在同一台机器上。 我想在任何计算机上运行客户端，并且主机将位于一台计算机上，让我们考虑IP
我无法从客户端“A”SSH 到服务器“B”(但我可以从同一子网上的许多其他 ssh 客户端而不是“A”——所有都是 *nux 机器) serverA>ssh -v -p 端口用户@serverB Op
设置batchSize = 1有意义吗？如果我想一次处理一个文件？ 尝试过batchSize = 1000和batchSize = 1 - 似乎具有相同的效果 { "version": "2.0"
由于我不是天生的编码员，请多多包涵。 这是我尝试使用HAproxy来实现的目标，但是经过数小时的检查后，我无法以某种方式使其工作。 从 domain.com/alpha domain.com/beta
我正在使用 tomcat 运行 Java Web 应用程序，通过电子邮件将生成的报告发送给用户。我可以发送电子邮件，但几个小时后服务器停止发送电子邮件，并出现以下错误。 javax.mail.Mess
我是一名优秀的程序员,十分优秀！