2012-11-09 46 views
1

我想和CSS樣式簡單的讀入文件的網站

一個簡單的網頁html頁面(這是那種一展身手,以幫助一些主題頁面。)頁面的內容會很羅嗦,所以我想保留頁面之外的內容。

我用一個簡單的讀入像這樣的代碼

<?php 

    $f = fopen("unitednations.txt", "r"); 

    // Read line by line until end of file 
    while(!feof($f)) { 
     echo fgets($f) . "<br />"; 
    } 

    fclose($f); 

    ?> 

這可以創造奇蹟,因爲它允許所有在樣式表應用到任何文本在這些透過喂txt文件。所以它只是頁面的一部分。

但是我打算把它放在一個簡單的地方,作爲一個頁面的事情,我不想經歷找到一個提供php和所有爵士樂的免費主機的麻煩。

像一個CSS樣式表,我想「鏈接」一個txt文件並轉儲到頁面上。

Html提供了嵌入和目標代碼,但是這些不允許CSS做它的事情,我甚至想將鏈接等html代碼嵌入到文本文件中,並讓頁面像正常一樣捕捉它。它與PHP的工作,我只是想要一個類似的選擇。

謝謝!

這裏有我的計劃是什麼塗鴉做

enter image description here

回答

0

的Javascript

下面是使用JavaScript的方法。

var contents = new XMLHttpRequest(); 
contents.open('GET', 'unitednations.txt'); 

contents.onreadystatechange = function() { 
    document.getElementById('content').innerHTML=contents.responseText; 
} 
contents.send(); 

用您要加載的文件的路徑替換PATH到您的文件。另外不要忘記用你想要加載文本的元素的id替換內容(第5行)。

備註

如果用戶已啓用JavaScript的只會工作,你自己的域名,你只能導入文件。一個簡單的方法是使用以下命令:

框架

<iframe src="unitednations.txt" frameborder="0"></iframe> 

不要忘記設置寬度和iFrame的高度)。

0

您可以使用jQuery並替換body標籤的HTML。

不是你在使用Chrome和打開本地文件而不是從服務器打開文件(服務器可以在本地運行)上測試這些文件時遇到問題。在IE中測試。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
    $('body').load('file_name.txt'); 
    }); 
</script>