Javascript 仅当页面完全加载时显示按钮

我有一个这样的按钮：

<input type="submit" id="product_197_submit_button" class="wpsc_buy_button" name="Buy" value="Add To Cart">

现在的问题是，如果用户在加载所有脚本之前单击按钮->我会在购物车中出错。在将完整页面加载到用户浏览器之前，是否有方法禁用单击按钮（或隐藏按钮以防显示）

谢谢，

---

Peter通过css隐藏它，然后在页面加载时显示它

Css

JS

a默认情况下，您可以禁用该按钮，然后在页面加载时启用。试试这个

标记更改

  <input type="submit" disabled="disabled" id="product_197_submit_button" 
class="wpsc_buy_button" name="Buy" value="Add To Cart">

如果要等待加载所有图像，而不仅仅是DOM，请使用

$(window).load(function() {

拉特纳比

$("document").ready(function() {

---

默认情况下禁用该按钮

<input disabled="disabled" type="submit" id="product_197_submit_button" 

不要使用

$（document）.ready（）在这种情况下，因为在加载文档时正在执行。
$（window.load（），因为当页面完全加载（包括图像）时会执行代码>

编辑只需阅读有关加载脚本的内容，在本例中，使用
$（document.read（）
4秒差！你赢了这一轮@ShankarSangoli+1我个人更喜欢先禁用然后启用，而不是显示和隐藏。@SKS-即使我同意你的看法，它也会使UI看起来更优雅。用另一种方法编辑了我的答案。我尝试了bot方法，但尝试使用class而不是ID$（“.wpsc_buy_button”）.show（）；它不起作用了吗？试试这个
$（“.wpsc\u购买按钮”）.css（'display'，'block'）
$(document).ready(function() {
  $('#product_197_submit_button').show();
});

$("input.wpsc_buy_button").hide(); // unless you can use CSS
$("document").ready(function() {
    $("input.wpsc_buy_button").show();
});

$(window).load(function() {

$("document").ready(function() {

<input disabled="disabled" type="submit" id="product_197_submit_button" 

$(function() {
    $("#product_197_submit_button").prop("disabled", false);
});