js的dom问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js的dom问题相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<title>document.write() Example 4</title>
</head>
<body>
<script type="text/javascript">
window.onload = function()
document.write("Hello world!");
;
</script>
<p>This is some content that you won't get to see because it will be overwritten.</p>
</body>
</html>

这里document.write覆盖了p标签,如果想显示p标签又不删document.write的话有方法能共存吗?

用 document.write( )的话 会覆盖文档。

如果一定要用它的话,只能将body中的内容拼接后 再次写入文档。代码如下:

<!DOCTYPE html>
<html>
<head>
    <title>document.write() Example 4</title>
</head>
<body>
    <script type="text/javascript">
        window.onload = function()
           document.write("Hello world!" + document.body.innerHTML );
        ;
    </script>
     <p>This is some content that you won't get to see because it will be overwritten.</p>
</body>
</html>


希望对你有所帮助!

参考技术A document.write(document.body.innerHTML + "Hello world!");

请贵人,打小人;
打你的小人头,打到你魂魄都不回头;
打你的小人脚,打到你一世没裤穿;
打你小人头,打到头昏昏;
打你小人口,打到你气喘如牛;
打你小人手,打到你抽筋;
你那么神气?
打你这小人鼻;
打到你吃什么都有鸡屎味;
打你小人头,打到你头昏脑胀变兽头;
打你小人手,打到你手抽筋;
打打打

来自 react-route-dom 的 React.js 路由问题

【中文标题】来自 react-route-dom 的 React.js 路由问题【英文标题】:React.js Route problem from react-route-dom 【发布时间】:2021-03-30 21:57:13 【问题描述】:

大家好,我是 react.js 的新手。我的问题是,当我在 react-router-dom 中使用 Route 时,它​​无法正常工作

所以,我有一个像 www.div.example.com/test/test-1 这样的链接作为主页,我有 Route

Import React from "react";
Import BrowserRouter as Router, Route, Switch from "react-router-dom";
Import User from "./User"

const App = () => 



  return (
<Router>
    <Switch>
      <Route path = "/user" exact component =User/> 
    </Switch>
</Router>


export default App

用户组件

Import React from "react";

const User = () => 



  return (
<div> User </div>


export default User

我有一个链接,应该使链接根据之前的 url 工作,例如

www.div.example.com/test/test-1/user

我的链接代码

&lt;Link to = "./user" /&gt;

事情是链接工作

但是路由组件不会出现

我在package.json的主页是

"homepage" : "."

我找了很多,但没有任何线索

你能帮忙吗?

【问题讨论】:

您是否尝试将exact 属性添加到&lt;Route ... exact /&gt; 中? 是的,我做了,但没有任何组件不会显示 你能发布你所有的代码吗?我没有看到组件被传递给路由 好的,我添加了源代码和用户组件源代码 在你的 app.js 文件中试试这个 export default () => ( ); 【参考方案1】:

而不是

<Link to = "./user" /> 

你需要

<Link to="/user" /> 

【讨论】:

当我这样做时,网址变成 www.div.example.com/user 这种情况下是否渲染了用户组件? 如果您的应用程序是从服务器上的子目录提供的,则需要将基本名称添加到 BrowserRouter。使用下面的代码,所有路由都将以 test 作为基本名称。 &lt;Router basename="/test"&gt; &lt;Switch&gt; &lt;Route path = "/user" exact component =User/&gt; &lt;/Switch&gt; &lt;/Router&gt; 现在有新的东西我会尝试并给你更新 关于用户组件没有渲染

以上是关于js的dom问题的主要内容,如果未能解决你的问题,请参考以下文章

Backbone.js 和 DOM 操作

Shadow DOM 是不是像 React.js 中的 Virtual DOM 一样快?

js学习总结----DOM2兼容处理顺序问题

js学习总结----DOM2兼容处理重复问题

求助js操作多ul li背景颜色问题

使用 jQuery(或纯 JS)添加新的 DOM 元素