javascript - 在 html 代码中使用 javascript 函数

Question

我想在 html 代码中使用 javascript 函数。

我唯一想到的就是：

<script type="text/javascript" src="file.js"></script>
<input type="file" ... onchange="fileSelected();" />

还有其他方法吗？

Answer 1

执行此操作的常用方法是为您提供<input>anid并使用 javascript 附加点击处理程序：

<input type="file" id="file_picker" />

<script type="text/javascript">
    var file_picker = document.getElementById('file_picker');
    var file_picker_change = function() {
        // do some things
    }
    if (file_picker.addEventListener) {
        file_picker.addEventListener("change", file_picker_change, false);
    } else {
        file_picker.attachEvent('onchange', file_picker_change);
    }  
</script>

Answer 2

  <script src="code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   <script type="text/javascript" src="file.js"></script>
    <input type="file" id="myfile" />

        $('#myfile').change(function(){ 
    fileSelected(); 
    });

Answer 3

你可以

1) 添加您在此处发布的外部 javascript 文件。

<script type="text/javascript" src="file.js"></script>

2）您可以使用以下方法在文档中添加脚本部分：

<script language="javascript"> your script here </script>

3）您可以像第二个示例一样内联添加脚本代码

<input type="file" ... onchange="fileSelected();" />

Answer 4

这是另一种方法。确保这个 javascript 在 DOM 被加载和解析之后。

HTML

<input type="file" id="fileinput" />

javascript

var objInput = document.getElementById("fileinput");

objInput.setAttribute("onchange", fileSelected);