Abh*_*950 1 html javascript knockout.js
我是淘汰js的新手,官方网站上维护的文档没有提供完整的html文件。因此,我最终编写了自己的脚本标签。当我创建html标记时,它没有按预期工作。但是,只需更改脚本标签的位置即可使其工作。
我的问题是,当将script标记放置在顶部时,然后在html body元素中调用该函数之前就可以使用该函数。它仍然不进行数据绑定,而将脚本放置在底部就可以解决它。仅通过重新排序脚本标签的位置怎么可能?有人可以提供必须使事物可用的顺序。我知道许多人都喜欢在最后使用脚本,以便DOM完全准备就绪并出于速度考虑。
我的代码如下:
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
</head>
<body>
<script type="text/javascript">
var myViewModel = {personName:'Bob', personAge:31};
ko.applyBindings(myViewModel);
</script>
The name is <span data-bind="text: personName"></span>
</body>
</html>Run Code Online (Sandbox Code Playgroud)
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
</head>
<body>
The name is <span data-bind="text: personName"></span>
<script type="text/javascript">
var myViewModel = {personName:'Bob', personAge:31};
ko.applyBindings(myViewModel);
</script>
</body>
</html>Run Code Online (Sandbox Code Playgroud)