我曾多次听说过onClick()在HTML 中使用JavaScript事件是一种不好的做法,因为它对语义不利.我想知道缺点是什么以及如何修复以下代码?
<a href="#" onclick="popup('/map/', 300, 300, 'map'); return false;">link</a>
Run Code Online (Sandbox Code Playgroud) 我需要确保某个<input>字段仅将数字作为值.输入不是表单的一部分.因此它不会被提交,因此在提交期间进行验证不是一种选择.我希望用户无法输入除数字以外的任何字符.
有没有一种巧妙的方法来实现这一目标?
我需要一个文本框,每当输入内部时,只允许数字[0-9].我用过type="number"哪个肯定持有客户端验证,但也允许键入其他字母表.我可以通过跟踪每个keydown和匹配正则表达式来做到这一点,但我想知道是否有任何方法我可以限制只使用html标签键入并且不定义JavaScript中的任何函数来比较每个keydown?
不足以执行此操作的代码是:
<input type="number" id="txt_number" maxlength="70" name="txt_name" placeholder="Number">
Run Code Online (Sandbox Code Playgroud)
任何帮助表示赞赏.
内联事件处理程序被认为是一种不好的做法吗?
例如: <button onclick=someFunction()>Click me!</button>
如果是这样,使用内联事件处理程序有什么缺点?
我有一个相当简单的页面,其中包含侧边栏导航和用于加载内容的iFrame.
我想通过单击侧栏导航中的链接来更改iFrame的内容.我正在使用javascript来更改document.element的源(.src).
我已经阅读了很多文章(StackOverflow)并且代码应该可以工作,但事实并非如此.
下面的代码是我创建的html页面,它包含标签中的JS.
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="css/default.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function getContent{
document.getElementById("contentFrame").src="LoremIpsum.html";
}
</script>
</head>
<body>
<div class="sidebar"><h1>Technical Documentation</h1>
<ul>
<li>Configuration Guides</li>
<li>API Guides</li>
<li><a href="" onclick='getContent()'> LoremIpsum</a></li>
</ul>
<!-- <button onclick="getContent()">Lorem Ipsum</button> -->
</div>
<iframe class="content" id="contentFrame" src="dummy.html">
</iframe>
</body>
Run Code Online (Sandbox Code Playgroud) 现在,我有一个像这样的输入字段:
<input class="form-control" type="text"/>
Run Code Online (Sandbox Code Playgroud)
但是它仍然允许输入数字。
我希望输入名称,并且要在字符串包含数字时显示错误消息。我该如何实现?