【问题标题】:Resize page only once onload仅在加载后调整页面大小
【发布时间】:2014-01-16 14:17:30
【问题描述】:

我有一个调用第二页的网站。这个页面只是为了让用户回答几个问题,所以我正在调整新页面的大小。

<body onLoad="moveTo(200,200); resizeTo(400,200);">

这很好,但在用户回答问题后,我想再次将页面调整为更大的尺寸以显示答案。

<input type="submit" name="go" value="Go" onClick="resizeTo(800,800);" />

当按下 Go 按钮时,它会调整到更大的页面。不幸的是,几秒钟后,它再次将大小调整回正文标签中发布的大小。如何在不同时间调整页面大小而不恢复到正文标签要求?

谢谢,

【问题讨论】:

  • 您是否打算刷新/导航到新页面?
  • 输入中的调整大小可能会再次触发正文加载,因为必须重排/重新加载页面的某些部分。我建议在正文 onload 中放置一个简单的警报,看看是否是这种情况。如果是这样,则设置一个哨兵变量以在第一次运行后禁用正文加载。
  • @MarcB:我不是在劫持这个线程,只是出于好奇想知道:如何禁用正文加载?
  • @MarcB 可以为没有刷新或 iframe 的文档多次调用 body.onload 吗?如果有,在什么条件下? (一个链接对我来说就足够了)

标签: javascript html css


【解决方案1】:

提交表单会重新加载页面。为了防止这种情况,请在此处尝试此答案:Submit form without reloading page through AJAX(问题下的评论也有效)

【讨论】:

  • 我不确定它是否是 ajax,因为我不熟悉它,但我将提交输入更改为按钮输入。然后我使用了 onClick="document.body.innerHTML='';"它工作得很好。感谢您为我指明正确的方向。 t
【解决方案2】:

您可以在提交此表单之前在 cookie 中设置页面的大小,然后在调整页面大小时读取 cookie。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-02
    • 1970-01-01
    • 2014-05-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多