Artikel ini menjelaskan metode memasukkan konten dalam posisi kursor editor JS di editor iframe. Bagikan untuk referensi Anda, sebagai berikut:
<html> <iframe id = "x" name = "x"> </iframe> <input type = "tombol" ontClick = "t ()" value = "test"> <input type = "tombol" ontClick = "frame ['x']. Lokasi.href = 'tentang: blank';" value = "clear"> <script> // setTimeout ('window.frames ["x"]. document.designMode = "on"', 200); function t () {window.frames ["x"]. Document.DesignMode = "on"; var html = '<b style = "color: red">' xx '(' xx '). bisa menjadi gambar. if (getBrowser () == 'IE') {var editor = window.frames ["x"]; // IE mendapatkan metode iframe, jika tidak posisi gambar akan berjalan ke bagian atas halaman. Editor.focus (); o = editor.document.selection.createrange (); o.pasteehtml (html);} lain jika (getBrowser () == 'chrome') {var editor = $ ('x'); // firefox harus mendapatkan node dengan cara ini dengan cara ini Editor.focus();//alert(Editor.contentWindow.getSelection().getRangeAt(0));var rng = Editor.contentWindow.getSelection().getRangeAt(0);var frg = rng.createContextualFragment(html);rng.insertNode(frg);}}//Get browser version function getBrowser () {var agentValue = window.navigator.useragent.tolowercase (); if (agentValue.Indexof ('msie')> 0) {return "ie";} lain jika (agenvalue.indexof ('firefox')> 0) {return "ff";} {api) {~ {{oNexex {oNexeF {{{firefox ')> 0) "chrome";}} fungsi $ (id) {return document.geteLementById (id);} // Dapatkan elemen sesuai dengan atribut elemen classname. Jika beberapa elemen memiliki nama kelas gaya yang sama, Anda dapat menggunakan indeks untuk menentukan elemen mana yang akan dikembalikan. Yang pertama adalah 1Function getNodeByClassName (vclassName, index) {// var allnodes = document.all; var allnodes = document.geteLementsbyTagname ("*"); var x = 0; untuk (var i = 0; i <allnodes.length; i ++) {if (allnodes [i] .className == vclassName) {if (index! = "tidak terdefinisi") {x ++; if (x <index) {lanjut;}} return allnodes [i];}}} </script> input; input: "input:" iD "{i];}}} <//script> input =" input: "iD"}}}} {{{{{{I. "Untuk informasi lebih lanjut tentang konten terkait JavaScript, silakan periksa topik -topik situs ini: "Ringkasan Teknik Operasi JSON di JavaScript", "Ringkasan Efek dan Teknik Peralihan Javascript", "Ringkasan Teknik Pencarian Javascript," Ringkasan Javascript, "Ringkasan Javascript," Ringkasan "Ringkasan" Ringkasan "Ringkasan Javascript" Ringkasan "Ringkasan" Ringkasan Javascript Struktur Data dan Teknik Algoritma "," Ringkasan Algoritma dan Teknik Traversal JavaScript "dan" Ringkasan Penggunaan Operasi Matematika JavaScript "
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.