2015-09-05 67 views
0

我正在编写一个程序来生成HTML文件。如何选择一个特定的HTML文件,并将元素附加到它的标签

方法

1)程序将用户的输入,以确定什么样的HTML文件的生成(HTML,XHTML 1.1,HTML4,等等)。该计划将使用这样的:

var html5 = require('text!html/html5.html'); 
var html4 = require('text!html/html4.html'); 
var xhtml11 = require('text!html/html11.html'); 

2)然后,用户将选择库,并计划将这些库添加到选定的HTML文件中的相应标记。喜欢的东西:

-jQuery 1.11.3选择

var jQuery1_11_3 = "<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>" 

$('head').append('jQuery1_11_3'); 

问题:

  • 我怎样才能确保 '头' 是所选择的HTML页面的标签?而不是DOM的HTML?

  • 另外我知道有一个更干净的方式来做到这一点使用jQuery,任何建议?

+0

_“问题: 我怎样才能确保‘头’是所选择的HTML页面的标签,而不是DOM的HTML?” _不能肯定解释问题的这部分正确吗?尝试用'var jQuery1_11_3 ='''在单词的开头,结尾处注释单引号字符串。 jQuery'$'不会在$('head')。append('jQuery1_11_3');'被调用? – guest271314

+0

我不理解你的评论,对不起。你什么意思? – jward01

+0

'jQuery'不会在'$('head')定义。append('jQuery1_11_3');'?字符串at'“”'似乎有语法错误;双引号内的双引号,没有内引号被转义? – guest271314

回答

0

注意,当叫在

$('head').append('jQuery1_11_3'); 

.append()jQuery()不会出现定义?

字符串在

var jQuery1_11_3 = "<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>" 

似乎具有语法错误;双引号内的双引号,没有内引号被转义?


我怎样才能确保“头”是所选择的HTML页面的标签? 而不是DOM的HTML?

尝试利用document.getElementsByTagName("head")[0]来选择head元素; document.createElement()创建script元素,设置scriptsrc"https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js",将script元素添加到head元素;使用scriptonload事件作为jQuery作为window对象的属性加载时执行的操作。

<html> 
 
<head> 
 
</head> 
 
<body> 
 
    <script> 
 
    var script = document.createElement("script"); 
 
    script.id = "jquery"; 
 
    script.onload = function() { 
 
     // utilize `setTimeout` here if `jQuery` not defined at `onload` event 
 
     // setTimeout(function() { 
 
     console.log(window.jQuery("head").find(this).attr("id")) 
 
     // }, 1000) 
 
    } 
 
    script.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"; 
 
    var head = document.getElementsByTagName("head")[0]; 
 
    head.appendChild(script); 
 
    </script> 
 
</body> 
 
</html>

相关问题