为什么js代码在HTML文件里可以运行,写在js文件里被html文件调用之后却是无法运行了?

为什么js代码在HTML文件里可以运行,写在js文件里被html文件调用之后却是无法运行了?,第1张

为什么js代码在HTML文件里可以运行,写在js文件里被html文件调用之后却是无法运行:

1.立即执行的JS代码会受位置的影响。

2.假如你把JS外部引用放入HEAD里,而你在该JS文件中试图直接访问DOM中的一个BODY的子元素,就可能产生错误,因为该JS在执行时,浏览器还没有准备好BODY的DOM。

3.如果是这样,你可以把JS引用移到所有它要访问元素标签之后,这样就不会出错了。

JS:

JS即Javascript,Javascript是一种由Netscape的LiveScript发展而来的脚本语言,主要目的是为了解决服务器终端语言,比如Perl,遗留的速度问题。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。

1、首先,找到我们需要修改的js文件。

2、js文件直接可以用记事本打开,但是,使用记事本打开格式非常乱,不方便我们查看和修改。

3、这里,我们使用Intellij IDEA打开js文件。如图,格式很规范,内容我们可以一目了然。

4、然后,我们通过快捷键【Ctrl】+【F】快速定位到我们需要修改的位置。

5、回到html文件,在按钮输入框后面创建一个script标签,然后添加用来引入addJs.js文件的addJs事件。

6、保存html文件后使用浏览器打开,点击按钮即可看到出现一个d出。

首先你的页面上必须要使用file标签,这是html获取文件的唯一途径,然后用js取页面标签的内容就可以了,具体代码如下:

HTML

<div id="divForm">

   <input type="file" id="myfile">

   <input type="button" id="btnOpen" value="选择文件">

 </div>

 JS

 $(function(){

        $("#btnOpen").click(function(){

            var path=$("#myfile").val() //得到选择的文件的路径及文件名

        })

    })


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6170884.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存