如何通過Javascript顯示.txt文件內容並更改樣式？

我創建了一個工具，可以自動使文本段落變粗。它應該像這樣工作：我有一個.txt文件，我想插入我應該格式化的文本。它被命名爲hier.txt。然後，我通過網站上的Javascript顯示txt文件的內容。一切正常，直到這一點。我確實有另一個Javascript應該接受文本，並隨機發表一些以粗體顯示的段落。當我以前試圖直接在代碼中插入文本時，它工作，但重要的是它與文本文件一起工作，因爲它會更容易使用。如何通過Javascript顯示.txt文件內容並更改樣式？

這裏是什麼，我實現到目前爲止的代碼：

腳本顯示.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>

來源

2017-08-10 LP3813

使用回調函數在異步AJAX調用完成後執行任務

來源

2017-08-10 06:35:14 guest271314

我明白你的意思了但是請你詳細解釋一下你將如何實現這個功能，以便它不會干擾任何其他功能。 – LP3813

'$（function（）{function bold（）{var {targetText}} document.getElementById（「randomText」）; var oldHTML = target.innerHTML; for（j = 0; j <25; j ++）{ /* do stuff * /};}; $（'＃randomText'）。load（「hier.txt」，bold）}）' – guest271314

「do something」是什麼意思？：D – LP3813

如何通過Javascript顯示.txt文件內容並更改樣式？

回答

相關問題