![](/img/trans.png)
[英]How to read the content of a .txt file as an array with javascript?
[英]How to display .txt file content via Javascript and change style?
我創建了一個可以自動使某些文本段落變為粗體的工具。 它應該像這樣工作:我有一個.txt文件,我要在其中插入應設置格式的文本。 它名為hier.txt。 然后,我通過網站上的Javascript顯示txt文件的內容。 到現在為止一切正常。 我確實有另一個Javascript,可以用來獲取文本並以粗體顯示它的某些段落。 當我以前嘗試直接在代碼中插入文本時,它可以工作,但是與文本文件一起工作很重要,因為它會更易於使用。
這是到目前為止我實現的代碼:
顯示.txt的腳本:
$( document ).ready(function() {
$('#randomText').load("hier.txt");
});
其他使某些單詞加粗的腳本:
<script>
target = document.getElementById("randomText");
oldHTML = target.innerHTML;
for (j=0; j<25;j++){
words = oldHTML.split(" ");
wordCount = words.length;
var newHTML = "";
var highlightStart = Math.floor(Math.random() * wordCount) + 1;
var highlightLength = Math.floor(Math.random() * 5) + 1;
for (i = 0; i < wordCount; i++) {
if (i == highlightStart) newHTML = newHTML + "<b>";
newHTML = newHTML + words[i] + " ";
if (i == highlightStart + highlightLength) newHTML = newHTML + "</b>";
target.innerHTML = newHTML;
}//for i
oldHTML = newHTML;
}// for j
</script>
使用.load()
回調函數在異步AJAX調用完成后執行任務
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.