Question

我陷入一个似乎很愚蠢的问题，但请耐心等待。我从html页面调用外部javascript'函数'。事实证明，它不起作用。但是当我在html页面中编写整个javascript而不是源代码时，它运行正常。

知道可能出现什么问题吗？

<button onclick=func()>submit</button>

外部javascript

function func(){
    // do something
}

但是当我改为内联javascript时，它可以工作。

Answer 1

HTML 中的

/* Adds page name to classes for page */ /* Modified is_single to is_singular, which targets both single archive and pages */ /* Commented out echo statement, as it was showing up on the page output */ add_filter('body_class','page_class'); function page_class($classes) { global $wp_query; $page = ''; $page = $wp_query->query_vars['pagename']; // add 'pagename' to the $classes array $classes[] = $page; // return the $classes array return $classes; } 需要用引号引起来。像这样：

func()

Answer 2

这通常发生在js标记中的script src=""文件是从浏览器的本地内存加载的。即使您进行了更改，更改也可能不会反映在html中。您可以在js文件中进行一些更改，刷新网页并在开发人员工具的sources标签中查看脚本，从而检查这一点。

要立即反映更改，请执行以下

进行更改并按ctrl + F5刷新网页。这会强制浏览器再次加载js文件。
您也可以尝试重命名js文件并更改脚本代码中的名称。

希望这有帮助。

Answer 3

将您的javascript文件与HTML文件连接

在（身体的）末端或顶部（头部）

<form action="/Home/UpdateQuotMaster" class="border border-light" id="frmQuot" method="post" name="frmQuot">
<div class="form-row py-sm-3 mb-0">
    <div class="col-md-4">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text" id="">Doc Code</span>
            </div>
            <input class="form-control" id="docMaster_sDocCode" name="docMaster.sDocCode" type="text" value="" />
        </div>

    </div>
    <div class="col-md-4" ">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text" id="">Quote Date :</span>
            </div>
            <input class="form-control" id="docMaster_sDocCode" name="docMaster.sDocCode" type="text" value="" />
        </div>
    </div>
    <div class="col-md-4" ">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text" id="">Valid Date :</span>
            </div>
            <input class="form-control" id="docMaster_sDocCode" name="docMaster.sDocCode" type="text" value="" />
        </div>
    </div>
</div>
<div class="form-row">

    <div class="col">
        <div class="input-group">
            <div class="input-group-prepend">
                <span class="input-group-text" id="">First and last name</span>
            </div>
            <input type="text" class="form-control" placeholder="First Name" style="width:90px;flex-grow: 0;">
            <input type="text" class="form-control" placeholder="Last Name" style="width:100% ;flex-grow: 0;">
        </div>
    </div>
</div>

调用外部javascript函数

3 个答案: