Javascript 如何将作业从静态html页面共享到facebook、twitter或linkedin

嗨，我在我的职业生涯页面上发布了一些工作，实现了一个使用html的静态网页，css没有后端功能部分。我需要将这些工作分享到Facebook或twitter上，或者通过点击这些按钮进行链接。任何人都可以帮助我如何将共享选项添加到工作门户

<div class="digitalmarketingassociate">
                  <span class="digit">Digital Marketing Associate</span>
                  <div class="applynow">Apply Now</div>
                  <div class="moreinfo accordion" >More Info</div>
                    <div class="panel">
                        <p>                                     
                            <h3 class="job">Roles and Responsibilities</h3>
                            <ul class="rolesand">                                   
                                <li class="rolesandres">Responsibility for hands on interaction within social media sites such as facebook, twitter etc.</li>
                                <li class="rolesandres">Responsibility for hands on interaction with off-site social properties ; other people blogs, other company facebook fan pages,forums etc.</li>                                 
                            </ul>
                 <h3 class="job">How to apply</h3>
                            <p class="howtoapp">Email us your resume along with your Linkedin profile on  ></a> Alternatively, you can also apply via <img src="image/testimonial/linkedin.png" alt="linkedin" /></p>

                            <h3  class="job">Share this job</h3>
                            <p>
                            <img src="image/career page/facebook.png" alt="facebook" class="careerfacebook"/>
                            <img src="image/career page/twitter.png" alt="twitter" class="careertwitter" />
                            <img src="image/career page/linkedin.png" alt="linkedin" class="careerlinkedin"/>
                            <img src="image/career page/whatsapp.png" alt="whatsapp"  class="careerwhatsapp"/>
                            <img src="image/career page/email.png" alt="email" class="careeremail" /></p>
                        </p>
                    </div>

                </div> 

数字营销助理
立即申请
更多信息

角色和责任

负责社交媒体网站（如facebook、twitter等）内的实际互动
负责与场外社交场所的实际互动；其他人的博客、其他公司的facebook粉丝页面、论坛等。

如何申请
将您的简历和您的Linkedin个人资料通过电子邮件发送至>或者，您也可以通过
分担这份工作

您可以在此处创建和配置自己的按钮：

对于Twitter，您可以在此处查看：

对于多个共享按钮，您可以为每个“共享”按钮指定不同的id，然后更改每个按钮的选项（标题、图像、说明）。 请参阅以下问题：

---

我认为您正在创建邮件程序，希望通过简单的链接共享您的URL

这里是示例共享链接

/*Facebook Share*/
<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A//yourpage.com">Share on Facebook</a>

/*Twitter Share*/
<a href="https://twitter.com/home?status=This%20is%20Awesome%20page!!%20http%3A//yourpage.com">Share on Twitter</a>

/*Google Plus*/
<a href="https://plus.google.com/share?url=http%3A//yourpage.com">Share on Google+</a>

/*LinkedIn*/
<a href="https://www.linkedin.com/shareArticle?mini=true&url=http%3A//yourpage.com&title=Title%20of%20your%20Page&summary=Optional%20Summary&source=http%3A//yoursource.com">Share on LinkedIn</a>

/*What's App from Mobile*/
<a href="whatsapp://send?text=The text to share!" data-action="share/whatsapp/share">Share via Whatsapp</a>

/*Email*/
<a href="mailto:abc@xyz.com?&subject=Your Subject&body=your%20mail%20content">Send Email</a>

/*Facebook共享*/
/*推特分享*/
/*谷歌+*/
/*LinkedIn*/
/*手机上的应用程序是什么*/
/*电子邮件*/

对于推特，请将其添加到

之前

window.twttr=（函数（d，s，id）{
var js，fjs=d.getElementsByTagName[0]，
t=window.twttr |{}；
if（d.getElementById（id））返回t；
js=d.createElement；
js.id=id；
js.src=”https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore（js，fjs）；
t、 _e=[]；
t、 就绪=功能（f）{
t、 _e.推动（f）；
};
返回t；
}（文件，“脚本”、“推特wjs”）；

对于Facebook，请将其添加到

之前

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/sdk.js#xfml=1&version=v2.3”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

主页列表的HTML，每个项目都有自己的Twitter和FB按钮。每一个引用一个特定的帖子页面

<ul>
  <li>
    <h3>Job #1</h3>
    <div class="fb-share-button" data-href="https://example.com/post/1" 
         data-layout="button"></div>  
    <a href="https://twitter.com/share" class="twitter-share-button" 
       data-url="https://example.com/post/1">Tweet</a>
  </li>
  <li>
    <h3>Job #2</h3>
    <div class="fb-share-button" data-href="https://example.com/post/2" 
         data-layout="button"></div>  
    <a href="https://twitter.com/share" class="twitter-share-button" 
       data-url="https://example.com/post/2">Tweet</a>
  </li>
</ul>

工作#1


工作#2

---

谢谢

点击这些按钮

-从制作可以点击的按钮开始，我想试着阅读社交网络的文档，并对这个主题进行网络搜索。这不是一项辅导服务，研究这项服务并不困难，但在一个页面中所有职位都是不同的，那么我如何才能分享特定的工作你必须检查你需要的每个社交媒体的文档，但对于Facebook，请在答案中检查我的更新。首先，它是一个静态网站，我在一个页面中发布了所有职位每个帖子都有一个叫做“职业”的分享按钮。我想问的所有帖子的url都是相同的。我添加了这个按钮，但无法看到图标。我可以拥有你的邮件id，这样我就可以分享我的url。发布后，我尝试发布该帖子。如果我点击该点击，它将在twitter上显示url，它将重定向到CPanelca你能给我分享你的电子邮件id吗？这样我就可以给你发送URL了。你能检查一下你的邮件吗？但是每个人都有这么多的职位，有共享按钮，那么你怎么能只分享那个特定的职位呢

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<ul>
  <li>
    <h3>Job #1</h3>
    <div class="fb-share-button" data-href="https://example.com/post/1" 
         data-layout="button"></div>  
    <a href="https://twitter.com/share" class="twitter-share-button" 
       data-url="https://example.com/post/1">Tweet</a>
  </li>
  <li>
    <h3>Job #2</h3>
    <div class="fb-share-button" data-href="https://example.com/post/2" 
         data-layout="button"></div>  
    <a href="https://twitter.com/share" class="twitter-share-button" 
       data-url="https://example.com/post/2">Tweet</a>
  </li>
</ul>