小编Who*_*sDT的帖子

如何通过innerHTML设置图像

困惑的问题...

在回声中,我有空白页.. 如果我设置了innerHTML="some text"; - 有用。为什么它不适用于图像?如果我直接访问https://domain.com/adv/banner.jpg它将打开图像...

echo'
  <div id="yabanner"></div>

  <script>
  yaGetBanner();
  function yaGetBanner()
  {
    var el = document.getElementById("yabanner");
    el.innerHTML="<img src=\'https://domain.com/adv/banner.jpg\' width=\'400px\' height=\'150px\'>";
  }
  </script>
  ';
Run Code Online (Sandbox Code Playgroud)

html javascript

7
推荐指数
1
解决办法
5万
查看次数

localStorage中的值发生变化时如何使用Effect?

在我的反应应用程序中,我将用户数据过滤器保存到本地存储中。当数据更改时,我想使用Effect。如何正确触发该效果?我试过这个:

useEffect(() => {
    if (rawEstateObjects.length && localStorage.activeEstateListFilter) {
      const activeFilter = JSON.parse(localStorage.activeEstateListFilter)
      if (activeFilter.length) {
        applyFilter(activeFilter)
      }
    }
  }, [rawEstateObjects, localStorage.activeEstateListFilter])
Run Code Online (Sandbox Code Playgroud)

localStorage.activeEstateListFilter不触发效果..

javascript local-storage reactjs

5
推荐指数
1
解决办法
6453
查看次数

Bootstrap 4 表格中的下拉菜单

我在使用下拉菜单时遇到一些问题(Bootstrap 4)。所以我有一张桌子:

\n\n

在此输入图像描述

\n\n

当我单击第一行中的设置时,我有一个下拉菜单:

\n\n

在此输入图像描述

\n\n

但是,当我单击第二行中的设置时,我在与第一行相同的位置有一个下拉菜单。我怎样才能解决它?

\n\n

在此输入图像描述

\n\n

这是一个 CodePen,那里也有同样的麻烦:\n CodePen

\n\n

HTML:

\n\n
<div class="table-responsive">\n        <table class="table table-hover table-sm">\n            <thead>\n                <tr>\n                    <th>\xd0\xa4\xd0\xb8\xd0\xbe \xd1\x81\xd0\xbe\xd1\x82\xd1\x80\xd1\x83\xd0\xb4\xd0\xbd\xd0\xb8\xd0\xba\xd0\xb0</th>\n                    <th>\xd0\x94\xd0\xbe\xd0\xbb\xd0\xb6\xd0\xbd\xd0\xbe\xd1\x81\xd1\x82\xd1\x8c</th>\n                    <th>\xd0\xa2\xd0\xb5\xd0\xbb\xd0\xb5\xd1\x84\xd0\xbe\xd0\xbd</th>\n                    <th>\xd0\x9b\xd0\xbe\xd0\xbc\xd0\xb1\xd0\xb0\xd1\x80\xd0\xb4</th>\n                    <th>\xd0\x9f\xd1\x80\xd0\xbe\xd1\x84\xd0\xb8\xd0\xbb\xd1\x8c \xd0\xb4\xd0\xbe\xd1\x81\xd1\x82\xd1\x83\xd0\xbf\xd0\xb0</th>\n                    <th></th>\n                </tr>\n            </thead>\n            <tbody>\n                <tr>\n                    <td class="tflex">\n                        <span class="default-av">hC</span>\n                        <span>\xd0\xa2\xd0\xb0\xd1\x80\xd0\xbd\xd0\xb0\xd0\xb2\xd1\x81\xd0\xba\xd0\xb8\xd0\xb9 \xd0\x94\xd0\xbc\xd0\xb8\xd1\x82\xd1\x80\xd0\xb8\xd0\xb9 \xd0\x90\xd0\xbb\xd0\xb5\xd0\xba\xd1\x81\xd0\xb5\xd0\xb5\xd0\xb2\xd0\xb8\xd1\x87</span>\n                    </td>\n                    <td>\xd0\xa0\xd0\xb0\xd0\xb7\xd1\x80\xd0\xb0\xd0\xb1\xd0\xbe\xd1\x82\xd1\x87\xd0\xb8\xd0\xba</td>\n                    <td>+7 (921) 030-33-32</td>\n                    <td>\xd0\xae\xd0\xb6\xd0\xbd\xd1\x8b\xd0\xb9</td>\n                    <td>\xd0\x90\xd0\xb4\xd0\xbc\xd0\xb8\xd0\xbd\xd0\xb8\xd1\x81\xd1\x82\xd1\x80\xd0\xb0\xd1\x82\xd0\xbe\xd1\x80</td>\n                    <td align="center">\n                        <div class="dropdown">\n                            <a class="btn btn-secondary" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">\n                                <i class="far fa-cog"></i>\n                            </a>    \n                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">\n                                <a class="dropdown-item" href="#">Action</a>\n                                <a class="dropdown-item" href="#">Another action</a>\n                                <a class="dropdown-item" …
Run Code Online (Sandbox Code Playgroud)

html css sass twitter-bootstrap bootstrap-4

1
推荐指数
2
解决办法
3万
查看次数

将forEach函数应用于类似对象的数组

我想我有一个问题。我试图为输入类型文件实现onchangedhandler方法。

这是一段代码

const { target: { files } } = event
       const filesToStore = []
       files.forEach(file => {
          filesToStore.push(file)
       })
console.log(filesToStore)
Run Code Online (Sandbox Code Playgroud)

但是我有一个问题。TypeError:files.forEach不是函数

我试图抓住文件,我发现它是一个类似于对象的数组,在我的情况下,如何从输入转换为数组并存储在filesToStore文件中?

console.log(文件)

FileList {0: File, length: 1}
0: File {name: "176B8706.jpg", lastModified: 1556695382251, lastModifiedDate: Wed May 01 2019 10:23:02 GMT+0300 (??????, ??????????? ?????), webkitRelativePath: "", size: 7924152, …}
length: 1
__proto__: FileList
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

1
推荐指数
1
解决办法
72
查看次数