首页 \ 问答 \ 从2个不同的HTML文件导入Div并添加其内容(Import Div from 2 different HTML files and add its content)

从2个不同的HTML文件导入Div并添加其内容(Import Div from 2 different HTML files and add its content)

 我有一个HTML代码，它可以很好地执行基本的数学运算  
 
 
  
  <!doctype html>
<html>
	<head>
	<meta charset="utf-8">
		<title>Facultad Contaduria</title>
		<link rel="stylesheet" type="text/css" href="style_d.css"/>
		<link rel="shortcut icon" type="image/ico" href="images/favicon.ico"/>
    	<meta name="description" content="Tile">
		<meta name="keywords" content="Words">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
			<body>
			<div id="wrapper">
				<div id="prim0">
					<p id="prim"> 10 </p>
				</div>
				<div id="seg0">
					<p id="seg"> 100 </p>
				</div>
				<div id="ter0">
					<p id="ter"></p>
				</div>
			</div>

<script>
var x = (1 * document.getElementById("seg").innerHTML) / document.getElementById("prim").innerHTML ;
document.getElementById("ter").innerHTML = x;
</script>
			</body>
</html> 
  
 
 
 这个代码与我的其他HMTL文件非常相似，问题是我不知道如何从2个不同的HTML文件中添加一个DIV <p id="seg"> 100 </p>到另一个HTML文件，我拥有的代码是这样的，但它不起作用  
 
 
  
  <div id="gran_total">
						
						<p id="total"></p>
						
						<script type="text/javascript">
var x = (document.getElementById("seg").load("contaduria.html #seg") + document.getElementById("seg").load("derecho.html #seg")) ;
document.getElementById("total").innerHTML = x;
</script>
						
					</div> 
  
 
 
 提前致谢 

I have in one HTML this code and it works fine to do a basic math operation 
 
 
  
  <!doctype html>
<html>
	<head>
	<meta charset="utf-8">
		<title>Facultad Contaduria</title>
		<link rel="stylesheet" type="text/css" href="style_d.css"/>
		<link rel="shortcut icon" type="image/ico" href="images/favicon.ico"/>
    	<meta name="description" content="Tile">
		<meta name="keywords" content="Words">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
			<body>
			<div id="wrapper">
				<div id="prim0">
					<p id="prim"> 10 </p>
				</div>
				<div id="seg0">
					<p id="seg"> 100 </p>
				</div>
				<div id="ter0">
					<p id="ter"></p>
				</div>
			</div>

<script>
var x = (1 * document.getElementById("seg").innerHTML) / document.getElementById("prim").innerHTML ;
document.getElementById("ter").innerHTML = x;
</script>
			</body>
</html> 
  
 
 
This code is very similar to other HMTL file i have, the problem is that i don't know how to add just one DIV <p id="seg"> 100 </p> from 2 different HTML files to another HTML file, the code i have is this, but it doesn't work 
 
 
  
  <div id="gran_total">
						
						<p id="total"></p>
						
						<script type="text/javascript">
var x = (document.getElementById("seg").load("contaduria.html #seg") + document.getElementById("seg").load("derecho.html #seg")) ;
document.getElementById("total").innerHTML = x;
</script>
						
					</div> 
  
 
 
Thanks in advance

原文：https://stackoverflow.com/questions/45576476

更新时间：2024-02-23 19:02

最满意答案

 alert()是一个阻塞调用，阻止其他所有内容，直到它被解除。 因此$scope.myColor更改为红色，但在角度摘要周期完成之前，会弹出警报并阻止其他所有内容。 解除警报后，名称将重置，颜色将恢复正常。  
 由于一切都在几毫秒内发生，你无法看到它。 因此，如果您将警报置于1-2秒超时，您应该能够看到错误的红色。 

alert() is a blocking call which blocks everything else until it is dismissed. Therefore the $scope.myColor is changed to red but before the angular digest cycle completes, alert pops up and blocks everything else. Once you dismiss alert, the name is reset, and the color is set back to normal. 
Since everything happens in milliseconds, you'e not able to see it. So, if you put your alert in a 1-2 seconds timeout, you should be able to see the red color of error.

从2个不同的HTML文件导入Div并添加其内容(Import Div from 2 different HTML files and add its content)

最满意答案

相关问答

javascript中出现意外的嵌套循环行为(Unexpected nested loop behavior in javascript)[2022-03-04]

javascript中警报功能的意外行为(Unexpected behavior of alert function in javascript)[2022-08-23]

使用'alert'时出现意外的角度行为(Unexpected Angular behavior when using 'alert')[2023-04-15]

Angular ui模态意外行为(Angular ui modal unexpected behavior)[2023-10-03]

使用角度模态作为警报(Using an Angular Modal as an Alert)[2023-08-08]

Angular2 / typescript - 意外的数组行为（例如，当它真的不是时，长度为0）(Angular2/typescript - unexpected array behavior (such as length is 0 when it is really not))[2022-02-28]

无法使用具有Angular UI Bootsrap Alert的ngClass(Can't Use ngClass With Angular UI Bootsrap Alert)[2022-02-23]

Angular UI Bootstrap Alert Closable Issue(Angular UI Bootstrap Alert Closable Issue)[2023-09-07]

干净的Bootstrap Alert示例(Clean example of Bootstrap Alert)[2023-01-22]

Angular-Strap警报：alert.hide（）触发时无法捕获(Angular-Strap Alerts: Unable to capture when alert.hide() triggers)[2022-04-06]

相关文章

最新问答