집 > 기사 > 웹 프론트엔드 > JavaScript를 사용하여 Sina Weibo에서 공유하기 위해 선택한 텍스트 프롬프트의 샘플 코드 공유를 실현하는 방법

JavaScript를 사용하여 Sina Weibo에서 공유하기 위해 선택한 텍스트 프롬프트의 샘플 코드 공유를 실현하는 방법

黄舟원래의: 2017-06-18 11:53:27926검색

이 글은 선택된 텍스트 프롬프트 Sina Weibo 공유 효과를 실현하기 위해 JavaScript를 주로 소개합니다. 관심 있는 친구들이 참고할 수 있습니다.

이 글의 예는 JS Sina Weibo를 공유하는 것입니다. 여러분 참고용으로 공유 기능, 구체적인 내용은 다음과 같습니다

<!DOCTYPE html>
<html xmlns:wb="http://open.weibo.com/wb">
<head>
  <meta charset="utf-8">
  <title>javaScript实现选中文字提示新浪微博分享的效果</title>
  <style type="text/css">
   #p1{ position: absolute; left: 0;top: 0; display: none;}
  </style>
</head>
<body>
  <p id="txt">
    一直对json的使用方法迷迷糊糊，知道一些简单的使用方法，有时用起来非常easy把自己搞混。今天专门查了一下相关的JSON的资料及使用方法，总结记录下来。JSON并非一种编程语言。能够理解成它是一种数据格式。尽管具有同样的语法形式。可是JSON并不属于JavaScript。并且。并非全部的JavaScript才使用JSON，非常多编程语言都有针对JSON的解析器和序列化器。JSON的语法能够表示三种类型值：
  </p>
  <p id="p1"><img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=163431486,1136892253&fm=58"></p>
  <script type="text/javascript">
    window.onload=function(){
      function selectText(){
        if(document.selection){
        //兼容ie
          return document.selection.createRange().text;
        } else{
        //标准的获取方法
          return window.getSelection().toString();
        }
      }
      var oTxt = document.getElementById(&#39;txt&#39;);
      var op = document.getElementById(&#39;p1&#39;);

      oTxt.onmouseup = function(ev){
        var ev =ev||window.event;
        var top = ev.clientY;
        var left = ev.clientX;
        if(selectText().length>10){
          console.log(selectText())
          setTimeout(function(){
            op.style.display = &#39;block&#39;;
            op.style.left =left+&#39;px&#39;;
            op.style.top = top +&#39;px&#39;;
          },1000)
        } else{
          op.style.display = &#39;none&#39;;
        }
      };
      oTxt.onclick =function(ev){
        var ev =ev||window.event;
        ev.cancelBubble = true;
      }
      document.onclick = function(){
        op.style.display = &#39;none&#39;;
      };
      //点击分享的实现
      op.onclick = function(){
        window.location.href=&#39;http://service.weibo.com/share/share.php?url=http%3A%2F%2Flocalhost%3A63342%2Fjs2%2Fpicscroll.html&type=icon&language=zh_cn&searchPic=true&style=simple&#39;+selectText()+window.location.href;
      }
    }
  </script>

</body>
</html>

위 내용은 JavaScript를 사용하여 Sina Weibo에서 공유하기 위해 선택한 텍스트 프롬프트의 샘플 코드 공유를 실현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：JavaScript가 모달 창을 제출한 후 상위 창 데이터를 새로 고치는 방법을 구현하는 방법에 대한 자세한 설명입니다.다음 기사：JavaScript가 모달 창을 제출한 후 상위 창 데이터를 새로 고치는 방법을 구현하는 방법에 대한 자세한 설명입니다.