所以我有这个拖放脚本。我想做的是保存拖动项目的位置。所以如果有人刷新页面。拖动的图像应保留在同一位置。我只想在 javascript 中执行此操作
.fill {
background-image: url('https://source.unsplash.com/random/150x150');
height: 150px;
width: 150px;
cursor: pointer;
}
.hold {
border: solid 5px #ccc;
}
.empty {
height: 56rem;
width: 36rem;
margin: 10px;
border: solid 3px salmon;
background: white;
}
.hovered {
background: #f4f4f4;
border-style: dashed;
}<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<meta charset="utf-8">
<title></title>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="empty">
<div class="fill" draggable="true"> </div>
</div>
</div>
<div class="col-md-6">
<div …有没有办法让 JavaScript 通过重新加载来保存任何变量？
如果用户点击重新加载按钮，一旦页面重新加载，JavaScript 是否会保留任何状态？
首先,我知道StackOverflow中有这个主题,但我还没有完全理解它是如何工作的,正好阅读现有的答案.所以,对不起,我希望现在明白了.
我不知道我的appoach是不正确的,为什么它不正确.
我有一个html页面,就像是另一些"遮阳板",所以从这个"主"页面,我可以看到其他人将它们嵌入遮阳板页面区域(使用iframe).
同时,我为所有页面(包括遮阳板)都有一个共同的.js文件.
因此,例如,如果我在.js中使用"hello world"(字符串类型)的valor声明变量,我可以从visor或嵌入页面访问此变量,并且仍然具有其原始值.但是如果我从遮阳板(或嵌入式)改变它的英勇,则另一页无法读取从另一页改变的新英勇.
它可能使页面之间的全局变量？
我尝试使用localStorage,但它只适用于使用它的特定页面.
所以,让我们看看,或多或少:
.JS文件
var Example = "Hello world";
function TellMe()
{
alert(Example);
}
function ChangeVar()
{
Example = "Goodbye world";
}
第1页(当然,在头部中引用了.js文件)
<div onclick="ChangeVar();">click!</div>
第2页(当然,在头部中引用了.js文件),但是点击了第1页的AFTER div
<div onclick="TellMe();">click!</div>
这会提醒"Hello World",取代"Goodbye World".
所以我理解每个页面都有自己的.js变量版本,即使所有页面都使用相同的.js,甚至当一个html从另一个访问时(嵌入iframe).
如何在点击第2页的div并显示"Goodbye World"消息后得到此示例？
我会更加解释,看到大量的答案讲述黑客攻击,浪费其他页面,并夸大银行账户.
它只是一个文档页面(来自软件),我有一个"遮阳板"页面,从中我可以访问其他页面.实际上我在根文件夹中有"visor"页面,而其他页面,在这个根目录下的一个文件夹里面,都会在同一个域中,不是吗？
我想要页面上的"下一个"和"普通"按钮,以避免用户回到遮阳板并选择新页面,但我需要知道用户正在观看的页面的编号,以了解下一页或前面显示的页面.
我有一个字符串值保存到变量中,我的网页在某个进程后自动重新加载..我需要知道即使在页面刷新后我是否可以获得存储在该变量中的值？
我使用javascript代码刷新我的网页 window.location.reload()
如果不是这样,如果我采取像PHP的服务器端脚本？
我想将全局变量存储在javascript数组中,以使它们可用于多个页面.
我知道cookies或localstorage可以做类似的事情.但我想存储大量信息,因此如果我能想出一种方法将它们存储在javascript数组中会更好.
例如,在html 1文件中
<head>
<title>Global javascript example</title>
</head>
<body>
<button type="button" onclick="global_var['a']['a']=1;"> a,a set to 1 </button>
<br/>
<button type="button" onclick="global_var['a']['b']=1;"> a,b set to 1 </button>
<br/>
<button type="button" onclick="alert(global_var['a']['b']);"> echo a,b </button>
</body>
现在在另一个html文件或刷新后的同一页面中,我想访问全局变量:
<head>
<title>Global javascript example</title>
</head>
<body>
<button type="button" onclick="alert(global_var['a']['b']);"> echo a,b </button>
</body>
除了使用cookie之外,有没有办法实现这个？
例:
在按下按钮(NEW)的主页面中,页面将使用Javascript通过调用redirectPage()在新窗口中打开新页面.
在主页面上单击一个按钮(EXIT),然后页面将调用confirmExit(),然后closeChildWindows()关闭所有弹出新窗口,然后重定向到另一个新页面.
但是,如果我刷新主页面,JS变量(childWindowHandles)将始终被重置,这会导致页面在重新定位之前无法关闭所有其他弹出窗口,同时单击EXIT按钮
有谁知道我怎么能解决这个问题？通过能够保持JS变量(childWindowHandles)甚至主页面正在刷新？
var childWindowHandles = new Array();
function redirectPage(url)
{
childWindowHandles[childWindowHandles.length] = window.open(url)
}
function confirmExit(url)
{
closeChildWindows()
window.location=url
}
function closeChildWindows()
{
for (var loop=0; loop<childWindowHandles.length; loop++)
{
if (!childWindowHandles[loop].closed)
{
childWindowHandles[loop].close();
}
}
}
我想知道是否有办法将一个或多个javascript变量保存到本地计算机,然后再调用它们？
var a = b
然后当你回到网页时它会记住B的值吗？
我有这个代码
setTimeout(function () {
$("#videoOverlay").fadeIn();
document.getElementById("video").play();
}, 8000);
这意味着加载后8秒钟会出现一个弹出窗口并播放视频.我只希望在我第一次访问该网站时出现这个问题.我怎么能用jQuery做到这一点？
我对js/jquery很新,我试图在一个页面上设置一个varable,存储它,移动页面然后在新页面上使用varable.
我做了一个像这样的标签
a id="ex1" href="/example.hmtl">ONE<a>
点击它会带你到页面/example.html并设置一个名为'image'的变量,为此jquery id使用是
$("#ex1").click(function() {
var image = 1;
});
一旦你的页面上的example.html id像varable'image'的值一样被加载到的值中 startAtSlide
$('.iosSlider').iosSlider({
startAtSlide : //value of var 'image' goes here,
snapToChildren : true
});
这是可能的,如果是这样,我会以正确的方式去做吗？
我在angus.js中共享了这样的js代码
var g_colour;
function getcolour() {
return g_colour;
}
function setcolour(colour) {
g_colour = colour;
}
这是由html第1页和第2页访问的,如下所示:
1.HTML:
<html>
<head>
<title>Global javascript example</title>
</head>
<body>
<a href="2.html">Page2</a>
<script src="angus.js"></script>
<form name="frm">
<input type="button" value="Setblue" onclick="setcolour('blue');" />
<input type="button" value="Setyellow" onclick="setcolour('yellow');" />
<input type="button" value="getcolour" onclick="alert(getcolour());" />
</form>
</body>
</html>
2.HTML:
<html>
<head>
<title>Global javascript example page 2</title>
</head>
<body>
<a href="1.html">Page1</a>
<script src="angus.js"></script>
<form name="frm">
<input type="button" value="Setblue" onclick="setcolour('blue');" />
<input type="button" value="Setyellow" onclick="setcolour('yellow');" />
<input type="button" value="getcolour" onclick="alert(getcolour());" /> …