如何在外部文档中使用javascript将textarea的内容保存为变量？_Javascript_Html_Textarea

如何在外部文档中使用javascript将textarea的内容保存为变量？

javascript html

如何在外部文档中使用javascript将textarea的内容保存为变量？,javascript,html,textarea,Javascript,Html,Textarea,正如许多人所建议的那样，我尝试过将变量保存为ID的.value或.innerHTML，该ID是使用document.getElementById找到的。以下是我所有的HTML： <html> <head> <title>write</title> <script type="text/javascript" src="g.js"></script> <link rel="stylesheet" type="text/c

正如许多人所建议的那样，我尝试过将变量保存为ID的

.value

或

.innerHTML

，该ID是使用

document.getElementById

找到的。以下是我所有的HTML：

<html>
<head>
<title>write</title>
<script type="text/javascript" src="g.js"></script>
<link rel="stylesheet" type="text/css" href="g.css" />
</head>

<body>
<div id="box">
    <textarea id="txt" placeholder="placeholder. type here.">text text</textarea>
</div>  
</body> 
</html>

现在，加载页面会触发一个带有文本

Null

的警报，在

getElementById（'txt'）

之后添加

.value

，不会导致警报。非常感谢。下面的javascript可以在firefox中使用。事实上，如果你点击这个问题的

回答按钮，你可以在这个页面上尝试一下
var textArea = document.getElementById("wmd-input"); // #wmd-input is the text input where your answer goes...
alert( textArea.value );

当然，一定要先输入一些文本
在进行此操作时，您应该尝试一下jQuery：
alert( $("#wmd-input").val() );

或者更好
console.log($("#wmd-input").val());

希望能有所帮助。
下面的javascript在firefox中工作。事实上，如果你点击这个问题的回答按钮，你可以在这个页面上尝试一下
var textArea = document.getElementById("wmd-input"); // #wmd-input is the text input where your answer goes...
alert( textArea.value );

function run() {
  var txt =  document.getElementById("txt").value;

  alert(txt);
 }

 $(document).ready(function(){
            run();
 });

当然，一定要先输入一些文本
在进行此操作时，您应该尝试一下jQuery：
alert( $("#wmd-input").val() );

或者更好
console.log($("#wmd-input").val());

希望有帮助
function run() {
  var txt =  document.getElementById("txt").value;

  alert(txt);
 }

 $(document).ready(function(){
            run();
 });

检查这个jsfiddle
您没有得到textarea值，因为您的javscript函数是在DOM中有值之前执行的
或者使用javascript
function run(){
var txt =  document.getElementById("txt").value;

alert(txt);
}


window.onload = run();

更多关于
检查这个jsfiddle
您没有得到textarea值，因为您的javscript函数是在DOM中有值之前执行的
或者使用javascript
function run(){
var txt =  document.getElementById("txt").value;

alert(txt);
}


window.onload = run();

关于
的更多信息问题在于，javascript是在构建DOM之前执行的。在文档的
中加载JavaScript文件时，会在创建
标记之前立即执行该文件
尝试将脚本块移动到文本区域下方，就在
标记之前
下面是一个例子：
构建DOM后，您可以像have一样使用getElementById
，并可以使用value
属性访问textarea的内容。所有这些都在上面的提琴中
或者，您可以使用一个库来包装run（）
方法调用，该库在DOM就绪时提供一个事件。jQuery的例子是：
$(function () {
  // code you want to execute when the DOM is ready.
  run();
});

问题是javascript是在构建DOM之前执行的。在文档的
中加载JavaScript文件时，会在创建
标记之前立即执行该文件
尝试将脚本块移动到文本区域下方，就在
标记之前
下面是一个例子：
构建DOM后，您可以像have一样使用getElementById
，并可以使用value
属性访问textarea的内容。所有这些都在上面的提琴中
或者，您可以使用一个库来包装run（）
方法调用，该库在DOM就绪时提供一个事件。jQuery的例子是：
$(function () {
  // code you want to execute when the DOM is ready.
  run();
});

这很有道理。因此，我认为添加的代码（最后三行）在页面完全加载之前不会运行该函数？yes window.onload事件只有在页面加载后才会触发，这很有意义。因此，我认为添加的代码（最后三行）在页面完全加载之前不会运行函数？yes window.onload事件仅在页面加载后才会触发