簡體   English   中英

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

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM