js脚本怎么调用一个.html的文件

js脚本怎么调用一个.html的文件,第1张

应该是目录结构不对,打个比方:
你的当前文件
/indexhtml
你的js是
/js/funjs
你需要调用的是
/bookPlay/indexhtml
这个时候你需要以/indexhtml为当前位置
调用的话就是windowopen('bookPlay/indexhtml');
或者更安全的用绝对路径
windowopen('/bookPlay/indexhtml');

1、首先打开hbuilder软件,新建一个html文件,里面写入一个p标签和一个按钮标签。

2、然后在p标签的下方设置一个script标签,里面写入js胆码;先获取p标签和按钮的dom对象,然后给按钮添加一个点击事件,再点击事件爱的回调中alertp标签的text属性即可。

3、最后打开浏览器,可以看到一段文字和一个按钮,点击这个按钮。

4、就可以d出内容了。

JS输入输出HTML代码有2种方式:
1、在需要输出的的位置写JS代码:<script>documentwrite('需要输出的内容')</script>
比如:
<ul>
<script>documentwrite('<li><a href="/wap2/newsPage/1320">5</a></li><li><a href="/wap2/newsPage/1319">4</a></li><li><a href="/wap2/newsPage/1318">3</a></li><li><a href="/wap2/newsPage/1317">2</a></li><li><a href="/wap2/newsPage/1316">1</a></li>');
</script>
</ul>
2、采用js的innerHTML方法:
例子;
<ul id="ul"></ul>
<script>
documentgetElementById("ul")innerHTML='<li><a href="/wap2/newsPage/1320">5</a></li><li><a href="/wap2/newsPage/1319">4</a></li><li><a href="/wap2/newsPage/1318">3</a></li><li><a href="/wap2/newsPage/1317">2</a></li><li><a href="/wap2/newsPage/1316">1</a></li>';
</script>

可以尝试我开发的 前端开发 构建工具slow-cli

安装

npm install slow-cli -g

使用

在本地的html文件的目录下运行一次(以后就不用运行了)

slow init

然后运行

slow start

就可以了。 打开浏览器 localhost:3000/xxhtml就可以 访问本地的html文件了。 详细的介绍可以看

>你需要一种模版工具来辅助你快速完成可视的页面,可以采用ejs或者jade。他们主要负责把数据填充到html文本里,然后返回给前端。你可以研究一下这两个东西,看看选用哪个方便写。ejs的用法就像在html中插入php脚本(亦或是jsp、asp)一样。

给你例子:有两个文件夹:文件夹 html 和 文件夹 images
html 和 images 在同一个目录下边,比如你在html这个文件夹里写了一个indexhtml网页
你想调用images文件夹里的 ajpg 你就要这样写
/images/ajpg [切记,你是在 html > indexhtml 里边写的路径]
再举一个例子 有一个defaulthtml 和一个images文件夹 在同一个目录里边,那这次要想在defaulthtml里边找到images里边的ajpg
那你就要这样写:
images/ajpg
解释:
相对路径就是在当前的代码所在的文件里边,根据当前目录,找到想要的文件的地方
/ 表示找到此文件的上一级
/images表示找到此文件的上一级里边的images文件夹
/images/ajpg表示找到此文件的上一级里边的images文件夹下边的ajpg
还有什么不明白的,可以在我的空间里给我留言,然后我告诉你


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13089921.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-30
下一篇 2023-05-30

发表评论

登录后才能评论

评论列表(0条)

保存