html/javascript脚本问题答案

【问题标题】：html/javascript scripting problemshtml/javascript脚本问题
【发布时间】：2014-04-09 17:01:18
【问题描述】：

我测试了一些东西，结合了 html 和 javascript。现在我试图让一个按钮在用户点击它时做一些事情。

特效

<head> 
<script type="text/javascript">
function popup() 
{
confirm ("Welcome!");
}
</script>
</head>

加上按钮：

 <body> 
 <button onclick="popup()">Try it</button>
 </body>

效果很好，弹出窗口出现了。现在，例如，当我想在单击按钮时打印一行时，我只是将“confirm”替换为“console.log”，这不起作用......

我做错了什么，如何让按钮打印一行简单的文本？

谢谢！

【问题讨论】：

标签： javascript html function button web

【解决方案1】：

按 F12 并单击控制台选项卡。

在那里你将能够看到结果。

console.log() 用于调试目的和日志记录目的。它不用于提示行。

【讨论】：

好吧，所以console.log只是“幕后”，只能在控制台看到。好的，如何通过单击按钮打印一行？我需要另一种语言吗，fx php？？
使用document.write("Hi"); 进行学习。顺便说一句，不要忘记接受我的回答:)
谢谢，这就是我要找的 :-)

【解决方案2】：

console.log 用于调试。要在页面上打印某些内容，请使用

<head> 
<script type="text/javascript">
function popup() 
{
document.getElementById("div").innerHTML="Welcome!"
}
</script>
</head>
<body> 
 <button onclick="popup()">Try it</button>
 <div id="div"></div>
 </body>

【讨论】：

【解决方案3】：

我建议您使用像 jQuery 这样的 DOM 操作库来避免手动设置事件和行为。

这意味着做类似的事情：

<html>
    <head>
        <script src="https://code.jquery.com/jquery-2.1.0.min.js"></script>
        <script>
            jQuery(document).ready(function() {
                jQuery('#mybutton').click(function() {
                    jQuery('#mytext').append('This is a line of text');
                });
            });
       </script>
    </head>
    <body> 
         <button id="mybutton">Try it</button>
            <div id="mytext"></div>
    </body>
</html>

我从字面上理解了你的问题。这会将文本附加到 DOM。登录到控制台对 DOM 没有影响，但是前面已经说过，你可以用 F12 来检查它。

【讨论】：