将返回值放在 HTML 中
Place Return Value in HTML
我有一个.js文件,其中包含一个返回HTML的函数。 如何从我的.html调用此函数并将其返回放置在进行调用的位置?
我的.html
<body>
//should make the HTML tag for a <h1>h1</h1> or <h2>h2</h2>
<script>
my.js->myFunction(); //what goes here?
</script>
</body>
我的.js
function myFunction(){
if(true){
return "<h1>h1</h1>";
}
else{
return "<h2>h2</h2>";
}
}
我正在使用jQuery。
你正在从PHP的思维方式思考。Javascript直接对DOM(文档对象模型(进行更改,不需要与HTML内联插入。举个例子:
<p> Hello <php echo "World"; ?> </p>
这就是PHP的方式。相比之下,这是Javascript的方法:
<p> Hello <span id="output"></span> </p>
<script>
document.getElementById("output").innerHTML="World";
</script>
请注意此处document
的使用。这就是DOM中的"D"。我们正在寻找一个嵌套在 document
中的元素,ID 为 "output",并将其 HTML 更改为 "World"。
如果你没有使用任何框架(jQuery,AngularJS等(,你可以
<p id="p1"></p>
<script>
function myFunction(){
var text = "";
if(true){
text = "True";
}
else{
text = "False";
}
$("#p1").html(text);
}
</script>
相关文章:
- php函数的ajax html$_POST值返回null
- HTML如何根据javascript函数的返回值限制文本输入
- 将返回值放在 HTML 中
- 将 javascript 返回值插入 html
- JSON获取地理位置在HTML中未返回值
- 如何获取在HTML页面上执行的Javascript函数的返回值
- 从 html.append 追加的 html 下拉列表中获取返回值
- 如何使用函数的返回值.作为带有 HTML 的整数
- angularjs从html调用函数返回值
- 如果我使用html表单(而不是ajax),则获取服务器的响应代码或返回值
- 我正在尝试使用 html 元素包装函数的返回值
- HTML 复选框返回值
- 在 html 输入字段中使用返回值函数
- 使用 Javascript 从 JSON 文件向 HTML 返回单个值
- 如何在 HTML 中打印 javascript 函数的返回值 “添加 {x} +{y}={result}”
- 如何在返回值中换行?或者返回 HTML 的更好方法
- 返回值从 Javascript 到 HTML <一个 href> 标记
- 如何在phonegap android中从js向html页面返回值
- 如何从.html()返回值中获取spicific标记数据
- 用OpenCPU显示R函数的html返回值