Javascript 使用外部js在html中显示文件扩展名

我试图使用html和外部javascript显示文件扩展名，但我的网站仍然是空白的。我从另一个stackoverflow答案中得到了这个示例代码，但我无法让它工作。当我像这样在html中调用函数时，不应该显示变量的扩展吗

<script>getExtension(file1);</script>

---

您正确地获取了扩展，但没有将其写入输出中的任何地方。有不同的方法输出值，有两种可能性：

Document.write（）

方法将文本字符串写入文档流。但是要小心，调用

文档。在关闭（加载）的文档上写入
会自动调用
文档。打开
，这将清除文档

var file1=“index.php”；
var file2=“test.js”；
函数getExtension（文件名）{
返回filename.substring（filename.lastIndexOf（'.'）+1，filename.length）| filename；
}
//这将在文档中添加“php”
document.write（getExtension（file1））；
//这将清除文档并将其替换为“js”-增加1秒延迟以使其可视化
window.onload=函数（）{
setTimeout（'document.write（getExtension（file2））'，1000）；
}

---

我的内容

您正确获取了扩展名，但没有将其写入任何输出。例如，您可以尝试

document.write（getExtension（file1））因为您正在页面上打印或写入它。使用document.write不返回扩展名，您将看到扩展名。欲知更多详情，请浏览链接显示您正在尝试的位置。它应该有效。谢谢Stephan的工作。我试过document.write，但一定是把代码弄乱了。非常感谢！谢谢，这正是我想要的！
var file1 = "index.php";
var file2 = "test.js";
function getExtension(filename) {
    return filename.substring(filename.lastIndexOf('.')+1, filename.length) || filename;
}