[問題] 寫了Firefox腳本但是onclick無法作用

看板Ajax作者orange0319 (喵喵喵)時間5年前 (2019/03/24 23:37)推噓0(0推 0噓 7→)

留言7則, 3人參與討論串1/2 (看更多)

就.... 學了點皮毛JS 所以就想著寫腳本來解決使用上的一些問題如果順利也可以分享出來給大家用想說在某些特定網站上可以新增按鈕並提供轉址及功能所以建了2個按鈕 myhelpbtn1 和 myhelpbtn2 希望一個按了觸動 toMobio()可以轉址另一個按了後觸動 myDownload() 可以不跳轉頁面並取得跳轉後的頁面下載位置並將網頁取得的名稱修改檔案名稱但碰到幾個問題 1. 在瀏覽器上自己的頁面看兩個按鈕有創造出來按了toMobio()後，轉的網址組合也如預期但是上GreaseMonkey到目標網站測試按鈕有創造出來但是該網站上無法運行跳 ReferenceError: toMobio is not defined 請問這是因為onclick被傳說中的内容安全策略CSP 擋了??還是? 2. 想說在GreaseMonkey無法作用所以改用TamperMonkey 原碼照貼過去結果....測試連按鈕都出不來 Q_Q 碼如下但 myDownload() 還沒寫完... 這程式碼行為感覺不知道是不是我要的所以想邊測試邊寫...就發現上面說的問題 style設定也佔很多行但求完整我還是貼...如果傷眼我就砍掉 document.body.onload = addElement; function addElement () { let uwthumb = document.querySelector('.uwthumb'); var myhelpbtn1 = document.createElement('div'); myhelpbtn1.className = 'helpbtn1'; myhelpbtn1.style.border='solid'; myhelpbtn1.style.borderColor='#0000FF'; myhelpbtn1.style.display = 'flex'; myhelpbtn1.style.justifyContent = 'center'; myhelpbtn1.style.alignItems = 'center'; myhelpbtn1.style.cursor= 'pointer'; myhelpbtn1.style.width = '120px'; myhelpbtn1.style.height = '35px'; myhelpbtn1.style.margin.top = '4px'; myhelpbtn1.style.backgroundColor='lightblue'; myhelpbtn1.innerHTML = '<a onclick="toMobio();" >手機版網頁</a>'; uwthumb.appendChild(myhelpbtn1); var myhelpbtn2 = document.createElement('div'); myhelpbtn2.className = 'helpbtn2'; myhelpbtn2.style.border='solid'; myhelpbtn2.style.borderColor='#0000FF'; myhelpbtn2.style.display = 'flex'; myhelpbtn2.style.justifyContent = 'center'; myhelpbtn2.style.alignItems = 'center'; myhelpbtn2.style.cursor= 'pointer'; myhelpbtn2.style.width = '120px'; myhelpbtn2.style.height = '35px'; myhelpbtn2.style.margin.top = '4px'; myhelpbtn2.style.backgroundColor='lightblue'; myhelpbtn2.innerHTML = '<a onclick="myDownload()" >直接下載</a>'; uwthumb.appendChild(myhelpbtn2); } const toMobio = ()=>{ str=location.pathname; str=str.replace(/index/g, "slide"); window.location = "https://www.aaaaaaaa.org" +str; } const myDownload=()=>{ const mydlname= document.querySelector('.userwrap h2').innerText; str=location.pathname; str=str.replace(/photos/g, "download"); window.location = "https://www.aaaaaaaa.org" +str; const dl_url= document.querySelector('.down_btn').href; var iframe = document.createElement("iframe"); iframe.href = dl_url; iframe.download =`${mydlname}.zip`; iframe.click(); } 以及a了一下文章發現好像現在腳本很難運行可是.... 以前玩ogame / 車肥羊 / Gladiatus 之類遊戲他們css和腳本都寫超好的介面也超親切雖然不會設想自己能一步登天像那些開發者一樣但是沒想到我連這種初階程式碼都能撞牆 Q_Q -- 「戰爭結束後，我就要回鄉下結婚了」「可惡！原來是這麼回事！」「我才不跟可能是兇手的人待在同一地方，我要先回房了」「先替我保管，等打完這場戰爭之後再還我吧...咦？什麼聲音，我去看看」「等這一切結束後，我有些話想跟妳說！」「這段時間我過的很開心」 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 42.73.237.191 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1553441845.A.CF7.html

→

dododavid006

03/24 23:54, 5年前 , 1^F

03/24 23:54, 1^F

→

dododavid006

03/24 23:54, 5年前 , 2^F

03/24 23:54, 2^F

→

dododavid006

03/24 23:55, 5年前 , 3^F

03/24 23:55, 3^F