1

cssスタイリングでシンプルな1ページの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ファイル内のテキストに適用できるため、不思議に機能します。つまり、事実上、ページの一部にすぎません。

しかし、私はそれを1ページの問題である単純な場所でホストすることを計画しているので、phpとそのすべてのジャズを提供する無料のホストを見つける手間をかけたくありません。

cssスタイルシートのように、txtファイルを「リンクイン」してページにダンプしたいと思います。

Htmlは埋め込みコードとオブジェクトコードを提供しますが、これらはCSSがそのことを行うことを許可しません。また、リンクのようなhtmlコードをテキストファイルに埋め込み、ページを通常のようにスナップさせたいと思います。それはphpで動作しました、私はちょうど同様の代替手段が欲しいです。

ありがとう！

これが私がやろうとしていたことの落書きです

ここに画像の説明を入力してください

4

2 に答える 2

0

Javascript

Javascript を使用した方法を次に示します。

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

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

PATH TO YOUR FILE をロードするファイルのパスに置き換えます。また、コンテンツ (5 行目) を、テキストをロードする要素の ID に置き換えることを忘れないでください。

備考

これは、ユーザーが Javascript を有効にしており、独自のドメインのファイルのみをインポートできる場合にのみ機能します。より簡単な方法は、次を使用することです。

フレーム

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

iFrame の幅と高さを設定することを忘れないでください ;)。

于 2012-11-09T05:31:34.613 に答える
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>
于 2012-11-09T05:36:25.740 に答える