Question

  <script type="text/javascript">
        $(function () {
            $("#slider-range").slider({
                range: true,
                min: 0,
                max: 100,
                values: [25, 75],
                slide: function (event, ui) {
                    $("#minval").val("" + ui.values[0] + " - " + ui.values[1]);
                }
            });
            $("#minval").val("" + $("#slider-range").slider("values", 0) +
            " - " + $("#slider-range").slider("values", 1));
        });
    </script>
    <script type="text/javascript">

        $(function () {


            $('.datePicker').datetimepicker({ dateFormat: 'dd/mm/yy' });

        });
    </script>

我设法使用此代码

在页面加载时执行一个脚本

function pageLoad(sender, args) {         $('.datePicker').datetimepicker({ dateFormat: 'dd/mm/yy' });     }

如何在页面加载时运行java脚本，我在asp.net网站上使用它

Answer 1

将您想要在<body>标记的onload事件中运行的函数设为单向

<script type="text/javascript">
  function loadFunc(){
  //....
  }
</script>

<body onload="loadFunc()">

Answer 2

这是一个非常糟糕的问题......

我通过你的例子推断你正在使用jQuery和你的标题，你正试图在加载DOM时执行某些操作。

这样做你使用：

$(document).ready(function(){
    //all code here will execute when the DOM is fully loaded
  });

这将允许您堆叠多个执行块，这些块将在就绪事件触发时进行处理。

如果您使用：

<html>
  <body onload="func();">
  </body>
</html>

然后尝试通过javascript向load事件添加任何内容，你将破坏页面。

实际上阅读文档，您在示例中所做的是 .ready（）的有效简写，所以它应该工作，除非你是尝试访问在DOM准备好之后加载的内容，如图像或视频

如果您尝试执行的代码将访问图像之类的属性，则最好使用.load（），因为它等待直到加载它们。 .ready（）在DOM完全加载但资产未必完全收到时执行

如果您要处理多个功能，而其中一个功能在链中失败，则其余功能将不会处理。你可以通过将每个放在try {} catch（）{}块

来防止这种情况发生

Answer 3

你有两个页面加载函数，如下所示组合：

$(function() {
    $("#slider-range").slider({
        range: true,
        min: 0,
        max: 100,
        values: [25, 75],
        slide: function(event, ui) {
            $("#minval").val("" + ui.values[0] + " - " + ui.values[1]);
        }
    });
    $("#minval").val("" + $("#slider-range").slider("values", 0) + " - " + $("#slider-range").slider("values", 1));
    $('.datePicker').datetimepicker({
        dateFormat: 'dd/mm/yy'
    });
});

如何在页面加载上运行javascript

3 个答案: