Fatal编程技术网
  • javascript/
  • Javascript 将文本从txt文件导入URL

Javascript 将文本从txt文件导入URL

javascript php html text

Javascript 将文本从txt文件导入URL,javascript,php,html,text,Javascript,Php,Html,Text,我想知道是否可能有一个文本文件（例如text.txt），该文件中只有一个单词（例如：blue），这样我就可以将该文本导入HTML页面上的URL <a src="localhost/img/TEXTFROMFILE.png"></a> 这样，我只需在文本文件中键入一个单词即可更改图像。 我想您需要导入文件，然后创建一个字符串？但是我不是一个专家，所以..如果你想在Php中这样做，那就很容易了。 我只是给你举个例子 让我们假设txt文件名为blue.txt，而代码名为b

我想知道是否可能有一个文本文件（例如text.txt），该文件中只有一个单词（例如：blue），这样我就可以将该文本导入HTML页面上的URL

<a src="localhost/img/TEXTFROMFILE.png"></a>
这样，我只需在文本文件中键入一个单词即可更改图像。
我想您需要导入文件，然后创建一个字符串？但是我不是一个专家，所以..

如果你想在Php中这样做，那就很容易了。 我只是给你举个例子

让我们假设txt文件名为blue.txt，而代码名为blue.txt

 <?php

    $name = file_get_contents("./blue.txt");
    echo "<a href=\"localhost/img/".$name.".png\"></a>";

?>
下面是在客户端实现它的代码

Html+纯Javascript

<html>
<head>
</head>
<body>
<script type="text/javascript">
var client = new XMLHttpRequest();
client.open('GET', '/text.txt');
client.onreadystatechange = function() {
  var text = client.responseText;
  var anchor = document.createElement("a");        // Create a <a> element
  annchor.setAttribute("href", "localhost/img/"+text+".png");  
}
client.send();
</script>
</body>
</html>


var client=new XMLHttpRequest（）；
open（'GET'，'/text.txt'）；
client.onreadystatechange=函数（）{
var text=client.responseText；
var anchor=document.createElement（“a”）；//创建一个元素
annchor.setAttribute（“href”，“localhost/img/”+text+”.png”）；
}
client.send（）；
如果您想在Php中实现这一点，那就很容易了。 我只是给你举个例子

让我们假设txt文件名为blue.txt，而代码名为blue.txt

 <?php

    $name = file_get_contents("./blue.txt");
    echo "<a href=\"localhost/img/".$name.".png\"></a>";

?>
下面是在客户端实现它的代码

Html+纯Javascript

<html>
<head>
</head>
<body>
<script type="text/javascript">
var client = new XMLHttpRequest();
client.open('GET', '/text.txt');
client.onreadystatechange = function() {
  var text = client.responseText;
  var anchor = document.createElement("a");        // Create a <a> element
  annchor.setAttribute("href", "localhost/img/"+text+".png");  
}
client.send();
</script>
</body>
</html>


var client=new XMLHttpRequest（）；
open（'GET'，'/text.txt'）；
client.onreadystatechange=函数（）{
var text=client.responseText；
var anchor=document.createElement（“a”）；//创建一个元素
annchor.setAttribute（“href”，“localhost/img/”+text+”.png”）；
}
client.send（）；
注意，“a”-标记没有“src”属性

此处列出了有效的“a”属性：

也许您的意思是href而不是src？

请注意，“a”-标记没有“src”属性

此处列出了有效的“a”属性：

也许您的意思是href而不是src？

是的，您可以这样做，但为什么您需要文本文件，您可以将简单变量定义到js中并访问它。$lines=file（'myFile.txt'）。您的数据以$行显示。。在你想用的地方用啊？我需要将代码作为脚本，如何将其放入url？是的，您可以这样做，但为什么需要文本文件，您可以将简单变量定义到js中并访问它。$lines=file（'myFile.txt'）。您的数据以$行显示。。在你想用的地方用啊？我需要把这些代码作为一个脚本，我如何把它放在url中？我是一个真正的初学者，所以我需要把它作为一个脚本代码？那我怎么能像url一样把它放进去呢？那只是服务器端编程而不是客户端代码对我来说不起作用，我把src改为href，但它不起作用。你用一个Web服务器来运行它吗？不，只是在localI上。我是一个真正的初学者，所以我需要把它作为脚本代码放进去？那我怎么能把它像url一样输入呢？那只是服务器端编程而不是客户端代码对我不起作用，我把src改为href但它不起作用你用Web服务器运行这个吗？不，只是在本地是的，对不起，错了是的，对不起，错了