- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
当我单击“添加记录”按钮时,它不起作用,然后它给我一个 Uncaught ReferenceError ,但如果我加载 jquery https://code.jquery.com/jquery-3.4.1.min.js 之一浏览器中的脚本,它显示按钮工作正常。有什么建议吗?
base.html
<!DOCTYPE html >
{%load staticfiles%}
{% load crispy_forms_tags %}
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="{% static 'style.css' %}"/>
<title>{% block title %}{% endblock %}</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body class="container-fluid">
<div class="row">
<div class="col-lg-12">
{% block content %}
{% endblock %}
</div>
</div>
</body>
</html>
好的.html
...
{% extends "s/base.html" %}
{% load staticfiles %}
{% block content %}
{% block s_base %}
{{ block.super }}
<script>
alert('Helloo');
function addRecord(){
console.log('hhhffhgfhdf');
}
</script>
{% endblock %}
<div> <a href="javascript:void(0);" ><button type="button" class="btn btn-primary" onclick="addRecord();"> Add New Advert </button></a></div>
{% endblock %}
最佳答案
我想您似乎不想使用 Jquery。
在这种情况下,您可以将脚本添加到标记附近,然后调用 addRecord 函数,如下所示:
window.onload = function(){
var button = document.querySelector('button');
button.onclic k= function(e){
e.preventDefault();
addRecord()
}
}
有多种方法可以做到这一点,但这只是一个想法。请记住从 html 按钮中删除 onclick
属性
关于javascript - Uncaught ReferenceError : addRecord is not defined at HTMLButtonElement. onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59251046/
我在html和js中有一个测验代码。测验有10个问题,应该有在两个问题之间移动的按钮。 第一个问题工作正常,但是当我尝试回答第二个问题时,我在控制台中收到此错误: Game.html:1未捕获的Ref
这个问题在这里已经有了答案: How do you enable a Rust "crate feature"? (1 个回答) 2年前关闭。 设法构建和运行 https://github.com/r
我想在单击删除按钮和编辑按钮时调用函数 DeleteRow 和 EditRow。 我还在我的 JavaScript 文件上创建了函数,但我收到了这个“未定义的错误函数错误”。 这里是 Ja
我正在使用以下代码玩 TypeScript 代码 Playground 。该代码对我来说似乎没问题,但它给出了错误 "Type HTMLButtonElement cannot be converte
我的按钮样式组件的 PropTypes 有以下代码 export type Props = { size?: 'small' | 'medium' | 'large', }; StyledButt
我看过其他此类问题,但没有一个能解决我的问题。我有这段 JavaScript 代码: var count1; for (count1 = 1; count1 ' + article.title + '
嗨,我得到对象 HTMLButtonElement由于var btn = document.createElement('button');这是正常行为但我怎样才能得到普通按钮作为图形而不是对象呢?即
我正在尝试使用 Flask 创建一个简单的网页,我正在 try catch 在 javascript 变量中的文本字段中编写的文本,然后在用户按下按钮时将其显示在控制台上。 这是代码 HTML
我正在使用 https://github.com/bpmn-io/bpmn-js-example-custom-shapes .我想在 javascript (index.html) 中添加两个按钮点
这是一个非常奇怪的错误。 HTML 认为该函数未定义,我该如何解决?这是代码: Links function links(){document.location = ("links.html"
我正在尝试用 Angular 编写剪刀石头布游戏,但似乎无法让 onclick 播放方法发挥作用。 我听说这是一个范围界定问题,但似乎无法理解/将其应用到我所写的内容中。 这是我的html代码 这是
我是 Angular 新手,我遇到了这个错误: “openClose 未在 HTMLButtonElement.onclick (index:13) 处定义” 我搜索了所有可能的答案,但问题是错误出现
我正在尝试从数据库中编写可以被管理员删除的详细票证信息。我想使用 jquery ajax 在用户单击按钮后将其删除 我的代码是: ` BA2N29F Medan(KNO) Jakarta (CGK)
和这匹母马在一起...... 我有一个函数,可以为我的待办事项应用结果的每一页显示分页(1、2、3 等)按钮。 例如,如果您单击按钮 2,您将看到结果的第 2 页。这是完整的功能,按钮是通过模板文字插
我在单击按钮时遇到 js 函数问题。 Check In 我的 jQuery 函数是: var CheckIn; $(document).ready(function() { CheckIn =
我正在使用 ReactJS,并在名为 showData() 的方法中创建一个“删除”按钮,并将其附加到人员表中的一行。 我将其属性 onclick 设置为在方法 showData() 的同一类中实现的
我对 Javascript 还很陌生,目前正在研究它。但是,我实际上无法测试我的代码,因为出现以下错误: Uncaught TypeError: namecaller is not a functio
我一直在浏览器上收到此语法错误。我不确定我在这里错过了什么。 基本上,我试图向外部 Web API 发出请求,该 API 将一组选中的复选框值作为在查询参数中传递的参数。 这是我的 javascrip
我正在尝试使用 PHP、AJAX 和 MySql 开发一个简单的登录页面。经过长时间的斗争,我这样做了: function do_logi
下面是我一直在处理的索引页的 html。我想创建一个带有 onclick 函数的按钮来说“hello world”。所以我使用了页面底部的脚本,但是按钮触发了所描述的错误。 最令人困惑的部分是,该按钮
我是一名优秀的程序员,十分优秀!