Cet article décrit la méthode d'insertion du contenu dans la position du curseur de l'éditeur JS dans l'éditeur IFRAME. Partagez-le pour votre référence, comme suit:
<html> <iframe id = "x" name = "x"> </ iframe> <entrée type = "bouton" onclick = "t ()" value = "test"> <input type = "bouton" onclick = "frames ['x']. emplacement.href = 'about: blanc';" Value = "Clear"> <Script> // setTimeout ('window.frames ["x"]. document.designMode = "on"', 200); fonction t () {window.frames ["x"]. Document.designMode = "on" (HTML) peut être une image. if (getBrowser () == 'ie') {var editor = window.frames ["x"]; // ie obtient la méthode iframe, sinon la position de l'image fonctionnera en haut de la page. Editor.focus (); o = editor.document.selection.createrange (); o.pastehtml (html);} else if (getBrowser () == 'chrome') {var editor = $ ('x'); // firefox doit obtenir des nœuds de cette manière Editor.focus (); // alert (editor.contentwindow.getSelection (). GetRangeat (0)); var rng = editor.contentwindow.getSelection (). GetRangeat (0); var frg = rng.createContextualFragment (html); rng.insertNode (FRG);}} getBrowser () {var agentValue = window.navigator.useragent.tolowercase (); if (agentValue.Indexof ('msie')> 0) {return "ie";} else if (agentValue.indexof ('Firefox')> 0) {return "ff";} else if (agentValue.Indexof ('chrome') "Chrome";}} fonction $ (id) {return document.getElementById (id);} // Obtenez un élément en fonction de l'attribut d'élément classname. Si plusieurs éléments ont le même nom de classe de style, vous pouvez utiliser l'index pour spécifier l'élément à retourner. Le premier est 1Function getNodeByClassName (vClassName, index) {// var allNodes = document.all; var allNodes = document.getElementsByTagName ("*"); var x = 0; pour (var var i = 0; i <allNodes.LengthrePour plus d'informations sur le contenu lié à JavaScript, veuillez consulter les sujets de ce site: "Résumé des techniques d'opération JSON dans JavaScript", "Résumé des techniques de commutation JavaScript", "Résumé des effets d'animation Javascript JavaScript" Structures de données et techniques d'algorithmes "," Résumé des algorithmes et techniques de traverse JavaScript "et" Résumé de l'utilisation des opérations mathématiques JavaScript "
J'espère que cet article sera utile à la programmation JavaScript de tous.