[javascript] div id에 대한 임의의 문자열 생성

여기에있는 사람들 중 일부는 귀하의 특정 질문에 실제로 초점을 맞추지 않은 것 같습니다. 문제는 페이지에 임의의 숫자를 입력하고 플레이어를 연결하는 것입니다. 이를 수행하는 방법에는 여러 가지가 있습니다. 가장 간단한 방법은 페이지에 결과를 document.write ()와 같이 기존 코드를 약간 변경하는 것입니다. 일반적으로 document.write ()를 권장하지는 않지만 코드가 이미 인라인이고 이미 시도한 것은 div를 인라인으로 배치하는 것이기 때문에 이것이 가장 간단한 방법입니다. 임의의 숫자가있는 지점에서 이것을 사용하여 페이지에 div와 div를 넣습니다.

var randomId = "x" + randomString(8);
document.write('<div id="' + randomId + '">This text will be replaced</div>');

그런 다음 jwplayer 설정 코드에서 다음과 같이 참조합니다.

jwplayer(randomId).setup({

그리고 전체 코드 블록은 다음과 같습니다.

<script type='text/javascript' src='jwplayer.js'></script>
<script type='text/javascript'>
function randomString(length) {
    var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghiklmnopqrstuvwxyz'.split('');

    if (! length) {
        length = Math.floor(Math.random() * chars.length);
    }

    var str = '';
    for (var i = 0; i < length; i++) {
        str += chars[Math.floor(Math.random() * chars.length)];
    }
    return str;
}

var randomId = "x" + randomString(8);
document.write('<div id="' + randomId + '">This text will be replaced</div>');

  jwplayer(randomId).setup({
    'flashplayer': 'player.swf',
    'file': 'http://www.youtube.com/watch?v=4AX0bi9GXXY',
    'controlbar': 'bottom',
    'width': '470',
    'height': '320'
  });
</script>

---

그것을하는 또 다른 방법

마지막에 고유 한 div ID를 만들기 위해 진정한 임의의 숫자를 생성하는 것은 과도하다고 여기에 추가 할 수 있습니다. 난수는 필요하지 않습니다. 페이지에 존재하지 않는 ID 만 있으면됩니다. YUI와 같은 프레임 워크에는 이러한 함수가 있으며 함수가 호출 될 때마다 증가하는 전역 변수가 있고이를 고유 한 기본 문자열과 결합하기 만하면됩니다. 다음과 같이 보일 수 있습니다.

var generateID = (function() {
    var globalIdCounter = 0;
    return function(baseStr) {
        return(baseStr + globalIdCounter++);
    }
})();

그런 다음 실제 사용시 다음과 같이합니다.

var randomId = generateID("myMovieContainer");  // "myMovieContainer1"
document.write('<div id="' + randomId + '">This text will be replaced</div>');
jwplayer(randomId).setup({