> For the complete documentation index, see [llms.txt](https://xn--6o0a585a.gitbook.io/devops/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://xn--6o0a585a.gitbook.io/devops/telegram-ji-qi-ren/javacript-chuang-jian-xin-xi-tui-song-ye-mian.md). # Javacript创建信息推送页面 ![](/files/j1Ckf8PsQgn0B2ww2GyR) ### 1.初步尝试js调用TGbot机器人 目录： ``` index.html script.js ``` 首先写个简单的Send发送按钮 ```html Telegramm Bot

``` 然后编写`script.js`代码 ```javascript document.querySelector('button').onclick = () => { const token = '1024523851:AAHozZ3P5XVtd100PutbD7MY11Lx6MAqNfg'; let chatID = document.querySelector('.chatID').value; let messageTB = document.querySelector('.message').value; const url = `https://api.telegram.org/bot${token}/sendMessage?chat_id=${chatID}&text=`; let xhttp = new XMLHttpRequest();; xhttp.open('GET',url+messageTB, true); xhttp.send(); } ``` 运行效果如下： ![Telegram机器人：用Javacript创建信息推送页面](https://cdn.jsdelivr.net/gh/Baiyuetribe/yyycode@dev/img/20/5e00bc13e1270.jpg) ### 2.逐步完善一下后 代码如下： ```php Telegramm Bot

TG机器人发信测试


一些设置：

发送信息的聊天ID，或者群组名称，示例@BaiyueGroup


填写您的机器人令牌


``` 最终效果如开篇截图那样。 ### 3.小评 这是个人学习TG机器人，初步尝试的产品，虽然再shell命令行和python里有更多扩展，但是最方便入手的，肯定比不上这种单一页面组成的程序。所以，JavaScript还是有必要多学习下。 --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://xn--6o0a585a.gitbook.io/devops/telegram-ji-qi-ren/javacript-chuang-jian-xin-xi-tui-song-ye-mian.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.