외부 JavaScript 파일에서 Twitter Follow Button을 만들 수 있습니까?

내 사이트에서 외부 JavaScript 파일을 호출하여 모든 페이지에 바닥 글을 만듭니다. 바닥 글에 팔로우 버튼을 포함하고 싶습니다. 그러나 개발자 페이지의 모든 예제는 스크립트가 내장 된 HTML 파일에서 단추를 만드는 데 중점을두고 있으며 JS 없이도 HTML없이 작동하도록 코드를 다시 작성하는 방법을 익히기에는 충분하지 않습니다. 나는 이미 전체 HTML blob을 문자열로 저장하고 문서에 쓰려고 시도했다. 또한 JS를 blob에서 꺼내서 파일에 추가했지만 그 중 하나는 작동하지 않았습니다. 여기 외부 JavaScript 파일에서 Twitter Follow Button을 만들 수 있습니까?

은 그들이 제공하는 HTML, 그리고 난 당신의 주요 질문에 대답하기

<a href="https://twitter.com/dbb0" class="twitter-follow-button" data-show-count="false">Follow @dbb0</a> 
<script> 
    !function(d,s,id){ 
     var js,fjs=d.getElementsByTagName(s)[0]; 
     if(!d.getElementById(id)){ 
      js=d.createElement(s); 
      js.id=id; 
      js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs); 
     } 
    }(document,"script","twitter-wjs"); 
</script>

출처

2012-06-06 Daniel

너무 모호합니다. – Hassan

하산, 왜 최고 일까? – Daniel

그래서 HTML과 Javascript를 섞어서는 안됩니다. 이것은 매우 혼란스럽고 변경/개선하기가 어려워집니다. – Hassan

를 추출하는 시도 : 예 가능합니다.

DOM, innerHTML (주의해야 함) 또는 jQuery를 사용하여 매우 유사한 html 구조를 만든 다음 문서에 추가해야합니다. 당신은 더 얻기 위해 더 구체적인 질문을해야

이 내가 대신 JS의 파일에서 HTML을로드하는 가장 좋은 것입니다 생각 :

출처

2012-06-06 03:16:56 Evert

그 대답은 꽤 모호합니다. 흥미 롭습니다. 어쩌면 나는 다시 묻고 질문의 시작 부분에 "How"라는 단어를 삽입해야 할 것입니다. – Daniel

글쎄, 그냥 단어를 추가하는 것 이외에 어떻게 .. 몇 가지 코드를 추가하는 방법 .. 당신은 무엇을 했습니까? 당신은 당신을 위해 코드를 작성하는 수많은 사람들을 찾지 않을 것입니다. – Evert

내가 말했듯이, 트위터가 제공하는 HTML의 코드를 사용해 보았습니다. 명시 적으로하기 위해 원래 게시물에 추가했습니다. – Daniel

외부 JavaScript 파일에서 Twitter Follow Button을 만들 수 있습니까?

답변

관련 문제