关于#javascript#的问题,请各位专家解答!

各位,我想在这个问答框,回答问题的时候,我可以点击问题,跳转到一个详情页面,麻烦你们了

img


 <div class="right-menu-box2">
          <div id="content">           
            <form action="">
              <img src="./assets/home/qa/touxiang1.png" id='pic'>
              <input type="text" placeholder='欢迎咨询!' id='inp'>
              <input type="button" value='发送' id='send'>
            </form>
            </div>  
        </div>
        </div>
<script>
          var send =document.getElementById('send');
          var img =document.getElementById('img');
          var txt =document.getElementById('inp');
          var info_box = document.getElementsByClassName('info_box')[0];
          
          var onoff=true;
          pic.onclick=function(){
            if(onoff){
              img.src='./assets/home/qa/touxiang1.png';
              onoff=false;
            }
          
            else{
              img.src='/assets/home/qa/touxiang3.png';
              onoff=true;  
            }
          };
          // 给发送按钮添加点击事件l
          
          send.onclick=function(){
            if(txt.value===''){
              alert('请输入内容');
            }
            
            else{
                
              var nDiv = document.createElement('div');
              var spans = document.createElement('span');
              var imgs = document.createElement('img');
              var sTxt = document.createTextNode(txt.value);
              var info_box = document.getElementsByClassName('info_box')[0];
              spans.appendChild(sTxt);
              nDiv.appendChild(spans);
              nDiv.appendChild(imgs);
              // nDiv.style.display='block';
              info_box.insertBefore(nDiv,info_box.lastChild);
              spans.className='infor';
                nDiv.className='info_r';
                imgs.src='./assets/home/qa/touxiang1.png';
              
              var nDiv = document.createElement('div');
              var spans = document.createElement('span');
              var imgs = document.createElement('img');
              var sTxt = document.createTextNode("你说啥?");
              var info_box = document.getElementsByClassName('info_box')[0];
              spans.appendChild(sTxt);
              nDiv.appendChild(spans);
              nDiv.appendChild(imgs);
              // nDiv.style.display='block';
              info_box.insertBefore(nDiv,info_box.lastChild);
                spans.className='infol';
                nDiv.className='info_l';
                imgs.src='./assets/home/qa/touxiang2.png';
          /*
              if(onoff==true){
                spans.className='infor';
                nDiv.className='info_r';
                imgs.src='img/2.png';
              }
              if(onoff==false){
                spans.className='infol';
                nDiv.className='info_l';
                imgs.src='img/1.png';
              }
          */
            }
            txt.value='';
          }
               
          </script>


img

给文字添加链接就行了


<div class="right-menu-box2">
    <div id="content">
        <form action="">
            <img src="./assets/home/qa/touxiang1.png" id='pic'>
            <input type="text" placeholder='欢迎咨询!' id='inp'>
            <input type="button" value='发送' id='send'>
        </form>
    </div>
</div>
        </div>
<script>
          var send =document.getElementById('send');
          var img =document.getElementById('img');
          var txt =document.getElementById('inp');
          var info_box = document.getElementsByClassName('info_box')[0];
          var onoff=true;
          pic.onclick=function(){
            if(onoff){
              img.src='./assets/home/qa/touxiang1.png';
              onoff=false;
            }
            else{
              img.src='/assets/home/qa/touxiang3.png';
              onoff=true;
            }
          };
          // 给发送按钮添加点击事件l
    send.onclick = function () {
        if (txt.value === '') {
            alert('请输入内容');
        }
        else {
            var nDiv = document.createElement('div');
            var spans = document.createElement('span');
            var imgs = document.createElement('img');
            var sTxt = document.createTextNode(txt.value);
            var info_box = document.getElementsByClassName('info_box')[0];
            spans.appendChild(sTxt);
            nDiv.appendChild(spans);
            nDiv.appendChild(imgs);
            // nDiv.style.display='block';
            info_box.insertBefore(nDiv, info_box.lastChild);
            spans.className = 'infor';
            nDiv.className = 'info_r';
            imgs.src = './assets/home/qa/touxiang1.png';
            var nDiv = document.createElement('div');
            var spans = document.createElement('span');
            var imgs = document.createElement('img');
            var sTxt = document.createTextNode("你说啥?");
            var info_box = document.getElementsByClassName('info_box')[0];
            //////////////////////////////
            var a = document.createElement('a');
            a.href = '要链接到的网址,改这里';
            a.appendChild(sTxt);
            a.target = "_blank";
            spans.appendChild(a);
            //spans.appendChild(sTxt);
            //////////////////////////////
            nDiv.appendChild(spans);
            nDiv.appendChild(imgs);
            // nDiv.style.display='block';
            info_box.insertBefore(nDiv, info_box.lastChild);
            spans.className = 'infol';
            nDiv.className = 'info_l';
            imgs.src = './assets/home/qa/touxiang2.png';
            /*
                if(onoff==true){
                  spans.className='infor';
                  nDiv.className='info_r';
                  imgs.src='img/2.png';
                }
                if(onoff==false){
                  spans.className='infol';
                  nDiv.className='info_l';
                  imgs.src='img/1.png';
                }
            */
        }
        txt.value = '';
    }
</script>